@font-face{font-family:Capra;src:local("Inter"),local("SF Pro Display"),local("Segoe UI");font-display:swap}
:root{color-scheme:dark;--bg:#0b101b;--panel:#111827;--card:#151e2e;--line:#243047;--text:#f4f7fc;--muted:#8d9bb2;--blue:#5487ff;--blue-light:#99b8ff;--green:#4dd5a8;--radius:18px;font-family:Capra,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}a{color:var(--blue-light);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue-light);outline-offset:4px}svg{width:21px;height:21px;display:block;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}button{border:0}button,input,select{transition:background .15s,border-color .15s,box-shadow .15s}button:active:not(:disabled){transform:translateY(1px)}.app-layout{display:flex;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;border-right:1px solid #1b2638;background:#0e1522;display:flex;flex-direction:column;padding:30px 18px;z-index:20}.brand{display:flex;gap:11px;align-items:center;color:var(--text);font-size:23px;font-weight:800;letter-spacing:-.7px;margin:0 8px 46px}.brand img{border-radius:12px;box-shadow:0 4px 24px #142c6c40}.brand-light{font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:1.5px;font-weight:500;color:#6e809a;margin-top:3px}.nav-caption{font-size:10px;letter-spacing:1.8px;color:#62738c;margin:0 16px 13px;font-weight:700}.main-nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;background:none;padding:13px 16px;border-radius:12px;color:#95a3ba;font-weight:550;text-align:left;min-height:49px}.nav-item:hover{background:#192338;color:#dce7fc}.nav-item.active{color:#93b5ff;background:linear-gradient(100deg,#253e723d,#1b2c4b80);box-shadow:inset 3px 0 0 var(--blue)}.nav-count{margin-left:auto;background:#ffffff09;padding:1px 7px;border-radius:5px;font-size:11px;color:#7187a8}.sidebar-footer{margin-top:auto;padding:28px 12px 0}.nas-status{display:flex;align-items:center;gap:10px;margin-bottom:20px}.status-light{width:7px;height:7px;border-radius:50%;background:#efb75c;box-shadow:0 0 14px #d7a45744}.status-light.online{background:var(--green);box-shadow:0 0 14px #4dd5a83b}.status-light.offline{background:#ea8d8d}.nas-status strong{font-size:11px;font-weight:550;display:block;color:#b9c6d9}.nas-status small{display:block;color:#5f728e;font-size:10px;margin-top:3px}.quiet-button,.text-button{display:inline-flex;align-items:center;gap:8px;color:#9babc4;background:none;padding:7px 0;font-size:12px}.quiet-button svg,.text-button svg{width:16px;height:16px}.license-link{padding:10px 0 0;display:block;background:none;font-size:10px;color:#5c6d86}.main-content{margin-left:242px;width:calc(100% - 242px);padding:43px 48px 24px;max-width:1650px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:31px}.eyebrow{display:block;font-size:9px;letter-spacing:2px;color:#7086a9;font-weight:700;margin-bottom:8px}h1{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:0;font-weight:750}.page-heading>p{margin:9px 0 0;color:var(--muted);font-size:13px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:10px;padding:10px 17px;font-size:12px;font-weight:650;white-space:nowrap}.primary-button{color:#fff;background:var(--blue);box-shadow:0 5px 18px #2453b42b}.primary-button:hover{background:#6b98ff}.secondary-button{color:#b2c2db;background:#1c2940;border:1px solid #314361}.secondary-button:hover{background:#26354e}.primary-button svg{width:17px;height:17px}.tools-bar{display:flex;gap:12px;align-items:center;margin-bottom:27px}.search-box{flex:1;display:flex;align-items:center;gap:11px;background:#111a2a;border:1px solid #233148;min-height:45px;padding:0 14px;border-radius:11px}.search-box:focus-within{border-color:#537ecc;box-shadow:0 0 0 3px #426fcd11}.search-box>span{color:#7185a6}.search-box svg{width:18px;height:18px}.search-box input{background:none;color:#e3ebfa;border:0;min-width:0;width:100%;padding:12px 0;font-size:12px;outline:0}.search-box input::placeholder{color:#5e7394}.search-box kbd{white-space:nowrap;border:1px solid #263650;color:#536b90;font:9px inherit;padding:1px 5px;border-radius:4px}.source-select{display:flex;align-items:center;gap:8px;background:#111a2a;border:1px solid #233148;border-radius:10px;max-width:235px;padding:0 10px;height:45px;color:#758aac}.source-select svg{width:16px;height:16px}.source-select select{background:none;color:#b6c6dd;border:0;outline:0;font-size:11px;max-width:190px;padding:8px 0}.icon-button{width:35px;height:35px;min-width:35px;display:inline-flex;align-items:center;justify-content:center;background:none;border-radius:8px;color:#8ca0be}.icon-button:hover{background:#ffffff0a;color:#e4edff}.icon-button svg{width:18px;height:18px}.refresh-button{height:43px;width:43px;border:1px solid #233148;background:#111a2a}.content-footer{border-top:1px solid #1d293d;display:flex;align-items:center;gap:12px;margin-top:38px;padding-top:18px;color:#50637f;font-size:10px}.content-footer>span:first-child{font-weight:700;color:#7387a5}.content-footer>span:last-child{margin-left:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px;gap:12px}.section-heading h2{font-size:15px;letter-spacing:-.2px;margin:0;font-weight:650}.section-heading h2 span{margin-left:8px;color:#607799;font-weight:400;font-size:11px}.section-heading p{font-size:11px;margin:0;color:#627a9e}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:32px}.stat-card{border:1px solid #223048;background:linear-gradient(120deg,#131e30,#111a29);border-radius:13px;display:flex;align-items:center;gap:13px;padding:16px 18px}.stat-icon{color:#769ef5;background:#4261a126;border:1px solid #36558b33;border-radius:10px;width:38px;height:38px;display:grid;place-items:center}.stat-card:nth-child(2) .stat-icon{color:#5ed2be;background:#228a7722;border-color:#28897833}.stat-card:nth-child(3) .stat-icon{color:#edc474;background:#ae7c2222;border-color:#a8813033}.stat-card strong{font-size:23px;font-weight:650;line-height:1.15;display:block;letter-spacing:-.5px}.stat-card small{font-size:10px;color:#7188a9;display:block;margin-top:4px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:13px}.category-card{min-height:106px;border:1px solid #253249;border-radius:13px;position:relative;text-align:left;padding:18px;background:linear-gradient(130deg,#151f31,#111b2c);display:flex;align-items:center;gap:13px;overflow:hidden}.category-card:hover{background:#1b2b43;border-color:#456596;box-shadow:0 7px 25px #0000001a}.category-icon{width:42px;height:42px;border-radius:11px;background:#354d7d29;border:1px solid #45618c33;color:#7c9cca;display:grid;place-items:center;flex-shrink:0}.category-icon svg{width:21px;height:21px}.category-copy{min-width:0}.category-copy strong{display:block;font-size:12px;font-weight:650;line-height:1.4;word-break:break-word}.category-copy small{display:block;color:#6c83a5;font-size:10px;margin-top:6px}.category-arrow{margin-left:auto;color:#3e567a}.category-arrow svg{width:14px;height:14px}.channel-list{border:1px solid #233147;border-radius:14px;background:#101928;overflow:hidden}.channel-item{display:flex;align-items:center;gap:12px;padding:3px 14px;border-bottom:1px solid #1c293e;min-height:68px}.channel-item:last-child{border-bottom:0}.channel-item:hover{background:#18253a}.channel-item.current{background:#1b31519c}.channel-play{display:flex;gap:13px;align-items:center;border:0;background:none;text-align:left;flex:1;min-width:0;padding:10px 0}.channel-avatar{flex-shrink:0;width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(130deg,#1f3c68,#1a2a47);color:#9cb8e7;border:1px solid #34558566;border-radius:9px;font-size:11px;font-weight:700;letter-spacing:.4px}.channel-avatar.accent-1{background:linear-gradient(130deg,#1b3a3c,#172b37);color:#8bc9c1;border-color:#33615a66}.channel-avatar.accent-2{background:linear-gradient(130deg,#393055,#20283c);color:#baaad9;border-color:#574c7766}.channel-avatar.accent-3{background:linear-gradient(130deg,#423b2d,#262936);color:#c4b58e;border-color:#685b4266}.channel-text{display:flex;flex-direction:column;min-width:0;gap:4px}.channel-text strong{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-text small{font-size:10px;color:#627c9e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-tag{font-size:9px;color:#677f9f;display:flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap}.channel-tag:before{content:"";width:4px;height:4px;border-radius:50%;background:#4b8f80}.favorite-toggle{color:#536f96;margin-left:3px}.favorite-toggle.active{color:#f1c76e}.favorite-toggle.active svg{fill:currentColor;stroke-width:1.6}.channel-chevron{color:#3b5272;margin-left:8px}.channel-chevron svg{width:16px;height:16px}.list-empty{padding:26px;text-align:center;color:#6e85a7;font-size:12px}.load-more{display:block;margin:20px auto;background:#17253b;color:#9eb7db;border:1px solid #2a405e;padding:10px 18px;border-radius:9px;font-size:12px}.breadcrumb{display:flex;gap:10px;align-items:center;color:#6e87ad;font-size:11px;margin-bottom:22px}.breadcrumb button{color:#90b0e7;background:none;padding:4px 0;font-size:11px}.breadcrumb svg{width:12px;height:12px}.source-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.source-card{background:linear-gradient(135deg,#162238,#101a2b);border:1px solid #293b55;border-radius:16px;padding:23px}.source-card-header{display:flex;gap:13px;align-items:center}.source-card-icon{background:#25446b66;color:#9bb7e4;border:1px solid #41658b4d;border-radius:11px;width:44px;height:44px;display:grid;place-items:center}.source-card h2{font-size:15px;margin:0 0 3px;word-break:break-word}.source-card small{font-size:10px;color:#7991b3}.source-card-stats{display:flex;gap:17px;margin:22px 0;color:#96aece;font-size:11px}.source-card-stats span{display:flex;gap:6px;align-items:center}.source-card-stats svg{width:14px;height:14px}.source-card-actions{display:flex;gap:7px;align-items:center;border-top:1px solid #253751;padding-top:16px}.source-card-actions .secondary-button{margin-right:auto;min-height:34px;font-size:10px;padding:7px 12px}.source-card .connected-pill{font-size:9px;color:#5bd5b1;background:#1b5a472b;border:1px solid #23634d4a;padding:3px 7px;border-radius:5px;margin-left:auto}.empty-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 89% 28%,#284c8e77,transparent 55%),linear-gradient(125deg,#14243e,#111d31 62%,#172d49);border:1px solid #2d4468;border-radius:22px;padding:49px 42px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;min-height:330px}.hero-copy .eyebrow{color:#81a9ee;font-size:9px}.hero-copy h2{font-size:35px;font-weight:720;line-height:1.2;letter-spacing:-1.2px;margin:15px 0 17px;max-width:400px}.hero-copy h2 span{color:#85adff}.hero-copy p{color:#8ea3c1;max-width:325px;font-size:12px;line-height:1.8;margin:0 0 26px}.hero-copy .primary-button{min-height:44px}.hero-art{height:220px;position:relative;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid #7798c41a;width:265px;height:265px;border-radius:50%;transform:rotateX(23deg)}.hero-orbit:after{content:"";position:absolute;inset:27px;border:1px solid #7798c41a;border-radius:50%}.hero-screen{width:230px;height:147px;background:linear-gradient(145deg,#284678,#10213a);border:1px solid #7498cd55;box-shadow:0 25px 50px #0006,inset 0 0 30px #7fa8fa09;border-radius:17px;position:relative;transform:perspective(800px) rotateY(-15deg) rotateZ(-5deg);display:grid;place-items:center}.hero-screen:before{content:"";position:absolute;inset:8px;border:1px solid #8caadd22;border-radius:11px}.hero-play{width:48px;height:48px;border-radius:50%;background:#aecaff16;border:1px solid #b5ceff55;display:grid;place-items:center;box-shadow:0 0 40px #618ff13a;color:#b3cdff}.hero-play svg{width:21px;height:21px;fill:currentColor}.hero-badge{position:absolute;background:#1c2d47e8;backdrop-filter:blur(14px);border:1px solid #5b7faf55;padding:10px 14px;border-radius:11px;box-shadow:0 12px 30px #0004;font-size:10px;display:flex;gap:7px;align-items:center;color:#b4cae8}.hero-badge.top{top:17px;right:-3px;transform:rotate(5deg)}.hero-badge.bottom{bottom:10px;left:2px;transform:rotate(3deg)}.hero-badge svg{width:14px;height:14px;color:#78b4e9}.hero-badge.bottom svg{color:#e6bf76;fill:currentColor}.intro-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.intro-card{padding:24px 21px;border:1px solid #202f45;border-radius:14px;background:#101928}.intro-card>span{display:inline-flex;background:#24436933;color:#82a6de;padding:10px;border-radius:10px;margin-bottom:13px}.intro-card h3{font-size:12px;margin:0 0 8px}.intro-card p{font-size:11px;color:#6c83a5;line-height:1.8;margin:0}.empty-small{padding:72px 20px;text-align:center;border:1px dashed #2b3b54;border-radius:18px}.empty-small .empty-symbol{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 22px;background:#1c2d482b;border-radius:19px;color:#7294cb}.empty-small .empty-symbol svg{height:28px;width:28px}.empty-small h2{font-size:20px;letter-spacing:-.5px;margin:0 0 10px}.empty-small p{color:#778cad;font-size:12px;max-width:360px;margin:0 auto 22px;line-height:1.8}.app-banner{background:#32301b77;border:1px solid #71622c66;border-radius:10px;color:#d0be8d;font-size:12px;padding:12px 16px;margin-bottom:20px}.player-card{position:fixed;right:25px;bottom:25px;width:390px;border:1px solid #425574;border-radius:17px;background:#0e1727;box-shadow:0 18px 90px #0009;overflow:hidden;z-index:60}.player-header{display:flex;align-items:center;gap:9px;padding:11px 10px 10px 15px;cursor:grab;touch-action:none;border-bottom:1px solid #273851}.player-header>div{display:flex;flex:1;flex-direction:column;min-width:0}.player-header strong{font-size:11px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-header small{font-size:9px;color:#6c85ac;margin-top:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-header .icon-button{height:29px;width:29px;min-width:29px}.live-indicator{width:5px;height:5px;border-radius:50%;background:#54d4ac;margin-right:3px;flex-shrink:0}.player-preview{background:#000;position:relative;aspect-ratio:16/9;cursor:pointer}.player-preview video{display:block;width:100%;height:100%;background:#000;object-fit:contain}.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090e16c9;padding:20px;text-align:center;gap:11px}.player-overlay p{font-size:11px;color:#b1c6e7;line-height:1.6;max-width:400px;margin:0}.spinner{height:24px;width:24px;border-radius:50%;border:2px solid #5a7bb333;border-top-color:#91baff;animation:spin .8s linear infinite}.error-overlay{gap:9px;background:#080c14ef;cursor:default}.error-overlay>span svg{width:28px;height:28px;color:#e4b58c}.error-overlay h2{font-size:13px;margin:0}.error-overlay p{font-size:10px;color:#94a8c4}.error-actions{display:flex;gap:8px;margin-top:5px;flex-wrap:wrap;justify-content:center}.error-actions button{padding:7px 12px;min-height:32px;font-size:10px}.player-controls{display:flex;align-items:center;padding:9px 12px;gap:4px}.transport-controls{display:flex;align-items:center;gap:5px}.transport-controls .icon-button{width:29px;min-width:29px;height:31px}.play-button{height:31px;width:31px;display:grid;place-items:center;color:#0b1527;background:#d9e7ff;border-radius:50%}.play-button svg{width:17px;height:17px;fill:currentColor}.mode-label{font-size:9px;color:#657fa5;margin-left:9px;margin-right:auto}.player-extra{display:none}.player-card.expanded{inset:34px!important;width:calc(100% - 68px);height:calc(100dvh - 68px);max-width:1400px;margin:auto;display:flex;flex-direction:column;box-shadow:0 0 0 200vmax #070b13e8;border-radius:18px}.player-card.expanded .player-preview{flex:1;min-height:0;aspect-ratio:auto}.player-card.expanded .player-header{padding:15px 19px}.player-card.expanded .player-header strong{font-size:15px}.player-card.expanded .player-header small{font-size:11px}.player-card.expanded .player-controls{justify-content:center;padding:11px 20px}.player-card.expanded .transport-controls{gap:14px}.player-card.expanded .play-button{width:40px;height:40px}.player-card.expanded .mode-label{margin-left:20px;font-size:11px}.player-card.expanded .player-extra{display:flex;align-items:center;justify-content:center;gap:25px;padding:9px 20px 18px}.player-extra label{display:flex;gap:8px;align-items:center;font-size:10px;color:#6982a6}.player-extra select{background:#17263f;border:1px solid #2b405f;border-radius:7px;color:#a2b9d8;padding:6px;font-size:10px}.player-card.expanded .error-overlay h2{font-size:20px;margin:4px 0}.player-card.expanded .error-overlay p{font-size:13px;max-width:430px}.player-card.expanded .error-actions button{font-size:12px;min-height:38px}.player-card.expanded .player-overlay>p{font-size:13px}.source-dialog,.about-dialog{background:#101a2a;color:var(--text);border:1px solid #30445f;border-radius:21px;max-width:510px;width:calc(100% - 32px);padding:30px;box-shadow:0 35px 100px #0008;max-height:90dvh;overflow-y:auto}.source-dialog::backdrop,.about-dialog::backdrop{background:#050a15bd;backdrop-filter:blur(6px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px}.dialog-header h2{font-size:23px;letter-spacing:-.7px;margin:0;font-weight:700}.dialog-header p{font-size:11px;color:#7c95b8;margin:8px 0 0}.dialog-header .icon-button{margin:-8px -8px 0 0}.mode-tabs{display:flex;padding:4px;background:#0b1321;border:1px solid #21334d;border-radius:10px;gap:3px;margin-bottom:25px}.mode-tabs button{flex:1;background:none;color:#6982a8;border-radius:7px;font-size:10px;font-weight:600;padding:10px 7px;white-space:nowrap}.mode-tabs button.selected{background:#213858;color:#b1ccf5;box-shadow:0 2px 5px #0002}.field{font-size:11px;font-weight:550;color:#a6bcd8;display:block;margin:0 0 19px}.field>span{font-size:9px;color:#4c658b;font-weight:400;margin-left:6px}.field input{display:block;width:100%;border:1px solid #2b3c56;background:#0d1726;padding:12px 13px;border-radius:8px;margin-top:8px;color:#d6e4f9;font-size:12px;outline:0}.field input:focus{border-color:#5a83c6;box-shadow:0 0 0 3px #3e6ec018}.field input::placeholder{color:#425b7e}.field-help{font-size:10px;color:#5f789c;margin:-8px 0 22px;line-height:1.7}.remember-field{display:flex;gap:9px;font-size:11px;color:#94acd0;margin:22px 0}.remember-field input{margin:3px 0 0;accent-color:var(--blue);width:14px;height:14px}.remember-field small{display:block;font-size:9px;line-height:1.6;color:#536e94;margin-top:5px}.connect-button{width:100%;min-height:44px;font-size:12px}.dialog-footnote{font-size:9px;text-align:center;color:#526c91;margin:15px 0 0}.form-error{padding:12px;background:#502c2d55;border:1px solid #75424366;color:#e6a4a4;font-size:11px;border-radius:8px;margin-bottom:16px;line-height:1.7}.file-picker{border:1px dashed #3b5478;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 15px;border-radius:12px;background:#16243a66;cursor:pointer;color:#84a7d9}.file-picker strong{font-size:12px}.file-picker>span:last-of-type{font-size:10px;color:#5d7ba2}.file-picker input{max-width:250px;font-size:10px;margin-top:10px;color:#7595bf}.about-dialog>p{color:#91a6c5;font-size:12px;line-height:1.8}.about-dialog .license-links{display:flex;flex-direction:column;gap:7px;font-size:11px;border-top:1px solid #233750;padding-top:18px;margin-top:20px}.runtime-status{font-size:11px;color:#69bda5;background:#1b423b44;padding:12px;border-radius:8px}.toast{position:fixed;left:calc(50% + 110px);bottom:26px;transform:translateX(-50%);z-index:200;background:#243855f2;border:1px solid #4a658d;border-radius:12px;box-shadow:0 8px 30px #0007;color:#d2e2f7;padding:13px 20px;font-size:12px;max-width:min(500px,calc(100% - 35px));backdrop-filter:blur(15px)}.skip-link{position:fixed;left:15px;top:-80px;background:#fff;color:#000;padding:12px;z-index:300}.skip-link:focus{top:15px}.noscript{padding:40px;color:#f4d18e}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}
@media(min-width:1600px){.main-content{padding-right:70px;padding-left:65px}.empty-hero{min-height:390px}.hero-copy h2{font-size:42px}.hero-art{transform:scale(1.15)}}
@media(max-width:1150px){.sidebar{width:210px;padding-inline:12px}.brand{font-size:21px;gap:9px}.brand small{font-size:6px}.main-content{margin-left:210px;width:calc(100% - 210px);padding:35px 28px 20px}.empty-hero{padding:35px 28px;grid-template-columns:1.1fr 1fr;gap:10px}.hero-copy h2{font-size:29px}.hero-art{transform:scale(.86)}.source-select{max-width:180px}.source-select select{max-width:140px}.stat-card{padding:15px 12px;gap:10px}.stat-card strong{font-size:21px}.toast{left:calc(50% + 100px)}}
@media(max-width:850px){.sidebar{width:80px;padding-inline:12px;align-items:center}.brand{margin:0 0 40px}.brand>span,.nav-caption,.nav-item>span:nth-child(2),.nav-count,.nas-status>div,.sidebar-footer .quiet-button,.license-link{display:none}.main-nav{width:100%}.nav-item{justify-content:center;padding:14px 8px}.nav-item.active{box-shadow:inset 0 -2px 0 var(--blue)}.sidebar-footer{padding-inline:0}.nas-status{justify-content:center}.main-content{margin-left:80px;width:calc(100% - 80px);padding:30px 24px 20px}.empty-hero{grid-template-columns:1fr;min-height:0;padding:38px}.hero-art{display:none}.hero-copy h2{font-size:35px;max-width:400px}.hero-copy p{max-width:430px}.intro-cards{gap:10px}.intro-card{padding:19px 15px}.source-select{max-width:170px}.search-box kbd{display:none}.category-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}.toast{left:calc(50% + 40px)}}
@media(max-width:600px){body{font-size:13px}.sidebar{inset:auto 0 0;height:calc(67px + env(safe-area-inset-bottom));width:100%;padding:5px 13px env(safe-area-inset-bottom);border-right:0;border-top:1px solid #293850;background:#0e1727f5;backdrop-filter:blur(15px)}.sidebar .brand,.sidebar-footer{display:none}.main-nav{flex-direction:row;gap:5px;width:100%;height:59px;justify-content:space-around}.nav-item{flex:1;flex-direction:column;gap:4px;padding:8px 5px 7px;min-height:0;font-size:9px;border-radius:9px;background:transparent!important}.nav-item>span:nth-child(2){display:block;font-size:9px}.nav-item.active{box-shadow:none;color:#88adff}.nav-item svg{width:20px;height:20px}.nav-item.active>span:first-child{position:relative}.nav-item.active>span:first-child:before{content:"";position:absolute;inset:-6px -15px;background:#5085ff16;border-radius:9px;z-index:-1}.main-content{margin:0;width:100%;padding:27px 19px calc(95px + env(safe-area-inset-bottom))}.topbar{gap:12px;margin-bottom:25px;align-items:center}.eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:7px}h1{font-size:25px;letter-spacing:-.8px}.page-heading>p{font-size:10px;max-width:220px;margin-top:7px;line-height:1.7}.topbar>.primary-button{padding:10px 12px;min-height:37px;font-size:10px;gap:5px}.topbar>.primary-button svg{width:14px;height:14px}.tools-bar{flex-wrap:wrap;gap:9px;margin-bottom:23px}.search-box{flex-basis:100%;min-height:43px}.source-select{flex:1;max-width:none;height:36px}.source-select select{max-width:none;width:100%;font-size:10px}.source-select svg{height:13px;width:13px}.refresh-button{height:36px;width:36px}.empty-hero{padding:31px 24px;min-height:0;border-radius:17px;background:radial-gradient(ellipse at 100% 0,#2d589f55,transparent 65%),linear-gradient(125deg,#14243e,#111d31)}.hero-copy h2{font-size:31px;max-width:290px;margin:13px 0 15px}.hero-copy p{font-size:11px;max-width:300px;margin-bottom:24px}.hero-copy .primary-button{font-size:11px;min-height:40px}.intro-cards{grid-template-columns:1fr;gap:11px;margin-top:18px}.intro-card{padding:18px 19px;display:grid;grid-template-columns:38px 1fr;column-gap:15px}.intro-card>span{grid-row:1/3;margin:0;height:38px;width:38px;padding:9px;border-radius:9px;align-self:center}.intro-card h3{margin:1px 0 6px;font-size:11px}.intro-card p{font-size:10px;line-height:1.7}.intro-card svg{width:19px;height:19px}.content-footer{font-size:8px;gap:8px;margin-top:27px;padding-top:16px;flex-wrap:wrap}.content-footer>span:last-child{display:none}.stats-row{gap:8px;margin-bottom:23px}.stat-card{padding:12px 9px;gap:7px;border-radius:10px}.stat-icon{width:27px;height:27px;border-radius:7px}.stat-icon svg{height:15px;width:15px}.stat-card strong{font-size:19px}.stat-card small{font-size:7px;letter-spacing:.1px;margin-top:3px}.section-heading{margin-top:22px;margin-bottom:12px}.section-heading h2{font-size:13px}.section-heading h2 span{font-size:10px;margin-left:6px}.section-heading p{font-size:9px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card{padding:14px 12px;min-height:100px;gap:9px;align-items:flex-start;flex-direction:column;border-radius:11px}.category-icon{width:30px;height:30px;border-radius:8px}.category-icon svg{width:16px;height:16px}.category-copy strong{font-size:10px;line-height:1.4;letter-spacing:.1px}.category-copy small{font-size:8px;margin-top:4px}.category-arrow{position:absolute;right:11px;top:21px}.category-arrow svg{height:11px;width:11px}.channel-list{border-radius:12px}.channel-item{padding:3px 9px;gap:7px;min-height:65px}.channel-avatar{width:34px;height:34px;border-radius:8px;font-size:10px}.channel-play{gap:10px;padding:10px 0}.channel-text strong{font-size:11px}.channel-text small{font-size:9px}.channel-tag,.channel-chevron{display:none}.favorite-toggle{width:34px;height:38px;min-width:34px}.favorite-toggle svg{width:18px;height:18px}.source-grid{grid-template-columns:1fr;gap:14px}.source-card{padding:19px}.source-card h2{font-size:14px}.source-dialog,.about-dialog{padding:24px 21px;max-height:88dvh;border-radius:18px}.dialog-header h2{font-size:22px}.dialog-header p{font-size:10px}.mode-tabs button{font-size:9px;padding:10px 5px}.field input{font-size:16px;padding:12px;min-height:45px}.field{font-size:11px}.remember-field{font-size:11px}.remember-field small{font-size:9px}.dialog-footnote{font-size:9px}.player-card{width:calc(100% - 34px);right:17px;bottom:calc(82px + env(safe-area-inset-bottom));border-radius:13px;max-width:390px}.player-header{padding:9px 8px 9px 12px}.player-header strong{font-size:11px}.player-header small{font-size:8px}.player-controls{padding:8px 10px}.player-controls .icon-button{width:30px;min-width:30px;height:31px}.player-controls .mode-label{font-size:8px;margin-left:7px}.player-card.expanded{inset:9px!important;width:calc(100% - 18px);height:calc(100dvh - 18px);border-radius:13px;max-width:none}.player-card.expanded .player-header{padding:16px 10px;padding-top:calc(12px + env(safe-area-inset-top))}.player-card.expanded .player-header strong{font-size:12px}.player-card.expanded .player-header small{font-size:9px}.player-card.expanded .player-controls{padding-inline:12px}.player-card.expanded .transport-controls{gap:10px}.player-card.expanded .mode-label{margin-left:12px;font-size:9px}.player-card.expanded .player-extra{gap:12px;padding:8px 10px calc(17px + env(safe-area-inset-bottom));flex-wrap:wrap}.player-extra .text-button{font-size:11px}.player-extra label{font-size:9px}.player-extra select{font-size:9px;max-width:145px}.player-card.expanded .error-overlay h2{font-size:17px}.player-card.expanded .error-overlay p{font-size:12px}.toast{left:50%;bottom:calc(87px + env(safe-area-inset-bottom));font-size:11px;padding:12px 16px}.empty-small{padding:50px 20px}.breadcrumb{font-size:10px}.app-banner{font-size:11px}}