:root{color-scheme:dark;--bg:#090b16;--panel:#101322;--muted:#888da4;--line:#252a3d;--fg:#f4f5ff;--green:#c7ff77;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);font-family:var(--font);font-size:14px;color:var(--fg);line-height:1.4;overflow-x:hidden}.ambient{position:fixed;z-index:-2;pointer-events:none;filter:blur(80px);border-radius:100%}.ambient-a{width:720px;height:650px;background:#4428ab20;top:-420px;left:-180px}.ambient-b{width:740px;height:680px;background:#00b9bd0d;right:-460px;top:120px}.texture{pointer-events:none;position:fixed;z-index:20;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}button,a{font:inherit}button{cursor:pointer}.app-shell{max-width:1580px;margin:auto;padding:0 44px}.topbar{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25283b;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand-symbol{display:flex;align-items:flex-end;gap:3px;height:25px;transform:skew(-13deg)}.brand-symbol i{display:block;width:4px;border-radius:2px;background:#c3fb6c}.brand-symbol i:nth-child(1){height:17px}.brand-symbol i:nth-child(2){height:24px}.brand-symbol i:nth-child(3){height:12px;background:#ff69b4}.brand-symbol i:nth-child(4){height:20px;background:#91b4ff}.brand-word{font-size:31px;font-weight:950;letter-spacing:-2.7px;font-style:italic;line-height:1}.brand-tv{display:inline-block;margin-left:5px;letter-spacing:-.8px;color:#bdf874;font-size:15px;font-style:normal;vertical-align:top}.brand-caption{color:#d9dbea;font-size:9px;font-weight:800;letter-spacing:2px;border-left:1px solid #52586f;padding-left:16px;margin-left:5px;line-height:1.8}.brand-caption span{display:block;color:#737991;font-weight:650;letter-spacing:1.4px}.topbar-right{display:flex;align-items:center;gap:31px}.network-label{color:#8c90a5;font-size:10px;font-weight:750;letter-spacing:1.7px;white-space:nowrap}.network-dot{display:inline-block;height:6px;width:6px;border-radius:100%;background:#bafa78;box-shadow:0 0 12px #aaff83;margin-right:6px}.live-clock{font-size:19px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:1px}.top-status{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #485139;border-radius:6px;color:#c2f78f;background:#1c2618;font-size:10px;font-weight:850;letter-spacing:1.1px;white-space:nowrap}.top-status-dot{width:7px;height:7px;background:#b5ff6a;border-radius:50%;box-shadow:0 0 12px #98ff65}.top-status.degraded{background:#2b201d;border-color:#584135;color:#f6bc8d}.top-status.degraded .top-status-dot{background:#f6ac70;box-shadow:none}.hero{padding:66px 0 53px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.eyebrow{display:flex;gap:10px;align-items:center;color:#b9fa77;font-size:10px;letter-spacing:2.7px;font-weight:850}.eyebrow-line{width:16px;height:1px;background:#b9fa77}.hero h1{font-size:clamp(42px,4.2vw,69px);font-weight:850;letter-spacing:-4.6px;line-height:1.03;margin:17px 0 16px}.hero h1 em{color:#b9fb78;font-style:normal}.hero p{color:#8c92ad;margin:0;max-width:590px;line-height:1.8;font-size:13px}.hero-stats{display:flex;align-items:center;gap:30px;padding:0 0 5px;white-space:nowrap}.stat{display:flex;flex-direction:column;gap:4px}.stat-number{font-size:38px;font-weight:850;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.stat-unit{color:#797e92;font-size:18px;letter-spacing:0}.stat-label{font-size:9px;color:#8389a2;font-weight:850;letter-spacing:1.5px}.stat-divider{height:45px;width:1px;background:#34374c}.board-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px;color:#e2e6f4;font-size:10px;font-weight:850;letter-spacing:1.7px}.section-marker{display:inline-block;background:#c8ff83;width:7px;height:7px;margin-right:7px;border-radius:2px}.tiny-muted{font-weight:500;letter-spacing:0;color:#7b819b;font-size:11px}.refresh-indicator{color:#7f879e;font-size:9px;letter-spacing:1.2px;white-space:nowrap}.refresh-orbit{display:inline-block;width:7px;height:7px;border:1px solid #bfff83;border-top-color:transparent;border-radius:50%;margin-right:7px;animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.channel{--accent:#ff64ba;--accent-2:#65d8ec;--subtle:#ff64ba0c;position:relative;border:1px solid #292d42;background:linear-gradient(150deg,#171a2c,#101321 65%);border-radius:15px;overflow:hidden;box-shadow:0 20px 60px #0002;min-width:0;transition:transform .2s,border-color .2s}.channel:hover{transform:translateY(-3px);border-color:#4b5067}.channel-90{--accent:#bcf75e;--accent-2:#ffa95a;--subtle:#c4ff7508}.channel-00{--accent:#80a9ff;--accent-2:#d481ff;--subtle:#89aaff08}.channel-top{padding:26px 25px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.channel-index{font-size:10px;color:#757c95;letter-spacing:1.9px;font-weight:800}.signal-badge{display:flex;align-items:center;gap:6px;color:#efb178;border:1px solid #65513b;border-radius:4px;padding:6px 8px;font-size:9px;letter-spacing:.9px;font-weight:850;white-space:nowrap}.signal-badge.good{color:#bcfa8f;border-color:#435b37;background:#a0ff740b}.signal-badge.good:before{content:'';background:#c6ff7c;width:6px;height:6px;border-radius:50%;box-shadow:0 0 7px #baff90}.signal-badge.bad{color:#f7a5a4;border-color:#6b383e;background:#ff4c4c09}.channel-identity{display:flex;align-items:center;margin:18px 25px 21px;gap:10px;position:relative}.small-spark{font-size:36px;color:var(--accent);line-height:1;filter:drop-shadow(0 0 10px var(--accent))}.channel-title{font-size:44px;line-height:1;font-weight:900;letter-spacing:-3px;white-space:nowrap}.channel-title span{color:var(--accent);margin-left:7px;font-size:39px;letter-spacing:-2px}.channel-dates{font-size:9px;line-height:1.35;font-weight:750;color:#858ca2;letter-spacing:1px;border-left:1px solid #404559;padding-left:12px;margin-left:auto}.now-visual{height:205px;position:relative;background:radial-gradient(ellipse at 50% 35%,var(--accent) -140%,#212942 70%,#111627 100%);overflow:hidden;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff10}.cover-art{position:absolute;inset:0;background-image:linear-gradient(120deg,#54295a90,#171c38b0);background-size:cover;background-position:center;filter:saturate(.9);transform:scale(1.02);transition:background-image .4s}.cover-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0d1eff 0%,#0b0d1e11 65%)}.cover-sheen{position:absolute;inset:0;background:linear-gradient(90deg,#151a3488,transparent 70%);pointer-events:none}.air-badge{display:flex;align-items:center;gap:7px;position:absolute;top:17px;left:20px;padding:7px 10px;border-radius:4px;color:white;background:#111526d9;border:1px solid #ffffff3c;font-weight:900;font-size:9px;letter-spacing:1.5px}.air-led{width:7px;height:7px;border-radius:100%;background:#ff5d7a;box-shadow:0 0 0 3px #ff54771d,0 0 10px #ff7897;animation:pulse 1.7s infinite}.air-badge.standby .air-led{background:#a7aac4;box-shadow:none;animation:none}.air-badge.offline .air-led{background:#ff4848;box-shadow:none;animation:none}@keyframes pulse{50%{opacity:.4}}.cover-brand{position:absolute;right:20px;bottom:13px;color:#ffffff66;font-size:60px;font-weight:950;letter-spacing:-5px;font-style:italic;line-height:1}.cover-brand span{font-size:32px;letter-spacing:-1px}.now-content{padding:25px 25px 17px;min-height:170px}.track-label{display:flex;gap:8px;align-items:center;color:var(--accent);font-weight:900;font-size:10px;letter-spacing:1.5px}.track-category{font-size:9px;letter-spacing:0;color:#767e93;font-weight:650;margin-left:auto}.song-title{font-size:22px;font-weight:800;letter-spacing:-.6px;line-height:1.3;margin-top:14px;min-height:30px;max-height:57px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.song-artist{font-size:12px;color:#949bb1;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-progress{margin-top:21px}.progress-track{width:100%;height:3px;background:#36394c;border-radius:8px;overflow:hidden}.progress-fill{height:100%;width:0;background:var(--accent);box-shadow:0 0 10px var(--accent);transition:width .4s}.progress-meta{display:flex;justify-content:space-between;color:#747c96;font-size:10px;font-variant-numeric:tabular-nums;margin-top:7px}.upcoming-list{margin:0 25px;border-top:1px solid #303449;border-bottom:1px solid #303449}.song-row{display:flex;gap:13px;align-items:center;padding:18px 0;min-width:0}.prev-row{border-top:1px solid #272b3d}.row-icon{display:flex;align-items:center;justify-content:center;width:33px;height:33px;flex:0 0 33px;background:var(--subtle);border-radius:7px;font-size:19px;color:var(--accent)}.prev-icon{color:#a4aac0;background:#ffffff09}.row-info{flex:1;min-width:0}.row-label{font-size:9px;font-weight:850;letter-spacing:1.6px;color:#d3d5e3}.row-label span{font-size:9px;font-weight:550;color:#737b91;letter-spacing:0}.row-song{font-size:12px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.row-artist{font-size:10px;color:#8d94a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.row-thumb{display:block;flex:0 0 49px;height:36px;border-radius:5px;background:linear-gradient(130deg,#4f325f,#1f294a);background-size:cover;background-position:center;border:1px solid #ffffff19}.channel-footer{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:18px 25px 21px}.channel-meta{font-size:10px;color:#858da3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-sep{padding:0 3px;color:#4f536b}.watch-button{border:1px solid #4b5065;border-radius:5px;background:#20243a;color:#f6f5ff;letter-spacing:.5px;font-size:10px;font-weight:850;padding:10px 10px;white-space:nowrap;transition:.2s}.watch-button:hover{border-color:var(--accent);color:var(--accent);background:#252944}.watch-button span{margin-left:5px;color:var(--accent)}.bottom-strip{margin-top:24px;padding:21px 25px;display:flex;align-items:center;gap:18px;border:1px solid #292d3e;background:#131625;border-radius:10px}.bottom-icon{color:#b9ef70;font-size:27px}.bottom-strip strong{font-size:12px}.bottom-strip p{font-size:11px;line-height:1.6;margin:5px 0 0;color:#858ba2}.bottom-code{margin-left:auto;color:#69718a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.6;white-space:nowrap;text-align:right}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 0 45px;color:#747c95;font-size:10px;letter-spacing:.8px}footer b{font-weight:500;color:#464c65}.heart{color:#ff72af}.modal[hidden]{display:none}.modal{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:25px}.modal-backdrop{position:absolute;inset:0;background:#02040ae8;backdrop-filter:blur(7px)}.modal-box{z-index:2;position:relative;background:#15192a;border:1px solid #434b69;border-radius:16px;padding:26px;width:min(900px,95vw);box-shadow:0 30px 120px #0009}.modal-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal-kicker{color:#beed7b;font-size:10px;font-weight:850;letter-spacing:2px}.modal h2{font-size:26px;margin:4px 0 0}.close-modal{font-size:30px;background:#252b42;color:#fff;border:1px solid #434b62;border-radius:6px;width:40px;height:40px}.modal video{display:block;width:100%;max-height:57vh;aspect-ratio:16/9;background:#000;border-radius:8px}.modal-help{color:#a3a9c1;font-size:12px}.vlc-link{display:inline-block;color:#c4ff80;font-size:12px;margin-top:4px}.error-state{opacity:.75}.no-data .song-title{color:#9ba0b5}
@media(max-width:1220px){.app-shell{padding:0 25px}.channel-grid{gap:12px}.channel-top{padding:23px 18px 0}.channel-identity{margin:18px 18px 21px}.channel-title{font-size:35px}.channel-title span{font-size:32px}.now-content{padding:22px 18px 16px}.upcoming-list{margin:0 18px}.channel-footer{padding:18px}.watch-button{font-size:9px}.hero h1{letter-spacing:-3px}}@media(max-width:950px){.topbar-right{gap:16px}.network-label{display:none}.hero{padding:40px 0;align-items:flex-start}.hero-stats{gap:15px}.stat-number{font-size:30px}.channel-grid{grid-template-columns:1fr;max-width:600px;margin:auto}.channel-title{font-size:44px}.channel-title span{font-size:39px}.now-visual{height:240px}.hero h1{font-size:50px}.board-head{margin-top:10px}}@media(max-width:650px){.app-shell{padding:0 16px}.topbar{height:78px}.brand-word{font-size:25px}.brand-caption{display:none}.topbar-right{gap:8px}.top-status{font-size:8px;padding:8px}.live-clock{font-size:14px}.hero{flex-direction:column;align-items:flex-start;gap:26px;padding:39px 0 37px}.hero h1{font-size:44px;letter-spacing:-2.3px}.hero-stats{align-self:stretch}.hero p{font-size:12px}.board-head{align-items:flex-start;flex-direction:column}.channel-grid{gap:18px}.bottom-code{display:none}.bottom-strip{padding:18px;align-items:flex-start}footer{flex-direction:column;align-items:flex-start;gap:8px}.channel-footer{gap:3px}.watch-button{font-size:9px}.channel-meta{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}