:root{color:#f8fafc;background:#070812;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark;--bg: #070812;--surface: #0e1220;--surface-raised: #13182a;--surface-soft: #171d31;--border: rgba(148, 163, 184, .17);--border-strong: rgba(148, 163, 184, .28);--text: #f7f9fc;--muted: #a2aec1;--subtle: #74839b;--primary: #7c83ff;--primary-soft: rgba(124, 131, 255, .14);--accent: #63e6be;--accent-soft: rgba(99, 230, 190, .11);--danger: #fb7185;--radius-xl: 26px;--shadow-lg: 0 30px 80px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app-shell{min-height:100vh;overflow:clip;background:radial-gradient(920px 560px at 82% -8%,rgba(79,70,229,.2),transparent 66%),radial-gradient(720px 520px at -8% 54%,rgba(8,145,178,.1),transparent 70%),linear-gradient(180deg,#090a16,#070812)}.topbar,main,footer{width:min(1480px,calc(100% - 48px));margin-inline:auto}.topbar{position:sticky;z-index:60;top:12px;height:66px;display:flex;align-items:center;gap:24px;margin-top:12px;padding:0 16px;border:1px solid var(--border);border-radius:18px;background:#0a0c19d6;box-shadow:0 16px 50px #0000003d;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand-logo{width:40px;height:40px;display:block;filter:drop-shadow(0 0 16px rgba(99,230,190,.18))}.brand-wordmark{font-size:1.04rem;font-weight:780;letter-spacing:-.055em}.brand-wordmark>span{color:var(--accent)}.topbar-nav{display:flex;align-items:center;gap:5px;margin-inline-start:14px}.topbar-nav a{padding:9px 12px;border-radius:9px;color:#9caac0;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s ease,background .2s ease}.topbar-nav a:hover{color:#fff;background:#ffffff0f}.topbar-status{min-height:34px;display:inline-flex;align-items:center;gap:7px;margin-inline-start:auto;padding:0 11px;border:1px solid rgba(99,230,190,.18);border-radius:999px;color:#bdd4cb;background:#63e6be0f;font-size:.75rem;font-weight:600;white-space:nowrap}.topbar-status svg{color:var(--accent)}.status-dot,.live-status>span,.playing-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #63e6be1f}main{padding-top:58px}#watch,#browse,#channels{scroll-margin-top:96px}.hero-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px}.hero-intro>div:first-child{max-width:790px}.eyebrow{color:#8d9cb3;font-size:.69rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.hero-intro h1{max-width:760px;margin:10px 0;color:var(--text);font-size:clamp(2.25rem,5vw,4.4rem);font-weight:760;letter-spacing:-.055em;line-height:.98}.hero-intro p{max-width:650px;margin:0;color:var(--muted);font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.7}.hero-metrics{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--border);border-radius:17px;background:#0e1220b8}.hero-metrics div{min-width:116px;display:grid;gap:2px;padding:11px 15px;border-radius:12px;background:#ffffff06}.hero-metrics strong{color:var(--text);font-size:1.04rem;font-variant-numeric:tabular-nums}.hero-metrics span{color:var(--subtle);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:stretch}.player-card{isolation:isolate;position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:#080a13;box-shadow:var(--shadow-lg)}.player-stage{position:relative;flex:1 1 auto;min-height:430px;aspect-ratio:16 / 9;overflow:hidden;background:#020308}.video-element{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;opacity:1;transition:opacity .18s ease}.video-element:fullscreen{object-fit:contain;background:#000}.video-element.is-loading{opacity:0}.player-scrim{position:absolute;pointer-events:none;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.46),transparent 26%)}.player-meta{position:absolute;z-index:4;top:16px;right:16px;left:16px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.live-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;background:#04060eb8;font-size:.68rem;font-weight:750;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.live-badge span{width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px #fb718529}.player-actions{display:flex;gap:7px;pointer-events:auto}.player-action{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:#edf2f8;background:#04060eb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .2s ease,border-color .2s ease,background .2s ease}.player-action:hover{color:var(--accent);border-color:#63e6be8c;background:#0a1a18e6}.player-title{position:relative;z-index:2;flex:0 0 auto;min-height:86px;display:flex;align-items:center;gap:14px;padding:15px 18px;border-top:1px solid var(--border);background:#0c101d}.player-title>div{min-width:0}.player-title h2{overflow:hidden;margin:0;color:#fff;font-size:clamp(1.05rem,1.8vw,1.32rem);font-weight:720;letter-spacing:-.02em;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.player-title p{margin:5px 0 0;color:#9eabc0;font-size:.79rem}.unmute-cta{min-height:38px;display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:0 13px;border:1px solid rgba(99,230,190,.38);border-radius:10px;color:#aaf3d5;background:var(--accent-soft);white-space:nowrap;font-size:.73rem;font-weight:650;transition:border-color .2s ease,background .2s ease}.unmute-cta:hover{border-color:var(--accent);background:#63e6be2b}.player-loading{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;color:#dce5f2;background:radial-gradient(circle at 50% 38%,rgba(79,70,229,.28),transparent 35%),linear-gradient(145deg,#11152a,#05070e);text-align:center}.player-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.05) 48%,transparent 62%);animation:tune-shimmer 1.65s ease-in-out infinite}.player-loading>*{position:relative}.player-loading strong{max-width:78%;overflow:hidden;color:#f8fafc;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.player-loading>span:last-child{color:#92a0b5;font-size:.74rem}.player-feedback{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:11px;max-width:min(84%,560px);padding:13px 15px;border:1px solid var(--border-strong);border-radius:14px;color:#dce5f2;background:#080b16f2;box-shadow:0 18px 42px #00000061;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:.8rem;text-align:center}.player-feedback--error{flex-wrap:wrap;justify-content:center;border-color:#fb71856b;color:#ffd6dd}.player-feedback--error span{flex:1 1 260px}.player-feedback button{min-height:35px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(251,113,133,.55);border-radius:9px;color:#fff;background:#fb718526;transition:background .2s ease}.player-feedback button:hover{background:#fb718542}.player-card--empty{min-height:520px;display:grid;place-items:center;background:radial-gradient(ellipse 55% 45% at 50% 50%,rgba(79,70,229,.24),transparent 72%),linear-gradient(145deg,#111328,#080a14)}.player-orbit{position:absolute;border:1px solid rgba(124,131,255,.18);border-radius:50%}.player-orbit--one{width:320px;aspect-ratio:1}.player-orbit--two{width:520px;aspect-ratio:1;border-color:#63e6be17}.empty-player-content{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;text-align:center}.empty-player-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(99,230,190,.32);border-radius:20px;color:var(--accent);background:var(--accent-soft)}.empty-player-content p{margin:10px 0 0;color:var(--text);font-size:1.04rem;font-weight:680}.empty-player-content span:last-child{color:var(--muted);font-size:.8rem}.now-playing-card{min-width:0;display:flex;flex-direction:column;padding:24px;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(160deg,#14192ce6,#0b0e1aeb);box-shadow:0 22px 60px #00000029}.now-playing-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-status{display:inline-flex;align-items:center;gap:7px;color:#93e8c7;font-size:.63rem;font-weight:750;letter-spacing:.08em}.now-playing-channel{min-width:0;display:flex;align-items:center;gap:12px;margin-top:24px}.now-playing-channel>div{min-width:0;display:grid;gap:6px}.now-playing-channel strong{overflow:hidden;color:#f8fafc;font-size:.95rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.now-playing-location{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;color:#a5b1c4;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.now-playing-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.now-playing-tags span{padding:6px 8px;border:1px solid var(--border);border-radius:8px;color:#9eabc0;background:#ffffff06;font-size:.66rem}.now-playing-placeholder{display:grid;justify-items:start;gap:10px;margin-top:28px;color:var(--muted);font-size:.82rem;line-height:1.65}.now-playing-placeholder>svg{color:var(--primary)}.now-playing-placeholder strong{color:var(--text);font-size:.95rem}.now-playing-placeholder>span{max-width:230px}.now-playing-placeholder a{display:inline-flex;align-items:center;gap:5px;margin-top:5px;color:#aeb3ff;font-size:.76rem;font-weight:650;text-decoration:none}.now-playing-placeholder a:hover{color:#fff}.save-button{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;border:1px solid #35405a;border-radius:11px;color:#e0e7f1;background:#ffffff05;font-size:.79rem;font-weight:620;transition:color .2s ease,border-color .2s ease,background .2s ease}.save-button:hover,.save-button.is-saved{color:#ff9fb0;border-color:#fb71858f;background:#fb718517}.player-note{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding-top:22px;border-top:1px solid var(--border);color:#8391a7;font-size:.71rem;line-height:1.7}.player-note svg{flex:0 0 auto;margin-top:2px}.browser-section{position:relative;z-index:8;margin-top:58px;padding:32px;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(155deg,#101424f0,#090c17eb);box-shadow:0 25px 70px #00000029}.section-heading,.channel-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.section-heading h2,.channel-list-heading h2{margin:7px 0 0;color:var(--text);font-size:clamp(1.5rem,2.2vw,2rem);font-weight:730;letter-spacing:-.035em;line-height:1.2}.section-heading p,.channel-list-heading p{margin:8px 0 0;color:var(--muted);font-size:.82rem;line-height:1.6}.catalogue-summary{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;color:#9facc0;background:#ffffff06;font-size:.75rem;white-space:nowrap}.catalogue-summary svg{color:var(--accent)}.control-row{display:flex;align-items:stretch;gap:11px;margin-top:27px}.search-box{min-width:260px;height:64px;flex:1 1 520px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid #30384e;border-radius:15px;color:#8c9bb0;background:#0d1120;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.search-box:focus-within{border-color:var(--primary);background:#101527;box-shadow:0 0 0 4px #7c83ff21}.search-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;color:#acb4ff;background:var(--primary-soft)}.search-copy{min-width:0;flex:1;display:grid;gap:2px}.search-copy small,.country-picker-trigger small,.saved-filter small{color:#75849a;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.search-box input{min-width:0;width:100%;padding:0;border:0;outline:0;color:#f3f6fa;background:transparent;font-size:.84rem}.search-box input::placeholder{color:#7c899e}.search-box kbd{min-width:25px;padding:3px 7px;border:1px solid #3a4359;border-bottom-width:2px;border-radius:6px;color:#8d9bb0;background:#171c2b;font-family:inherit;font-size:.68rem;text-align:center}.clear-search{width:29px;height:29px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;color:#9ba7b9;background:transparent;transition:color .2s ease,background .2s ease}.clear-search:hover{color:#fff;background:#ffffff12}.country-picker{position:relative;flex:0 1 270px;min-width:235px}.country-picker-trigger{width:100%;height:64px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid #30384e;border-radius:15px;color:#dce3ed;background:#0d1120;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.country-picker-trigger:hover,.country-picker-trigger.is-open{border-color:var(--primary);background:#101527}.country-picker-trigger.is-open{box-shadow:0 0 0 4px #7c83ff21}.country-picker-trigger>span:not(.country-flag){min-width:0;display:grid;gap:3px}.country-picker-trigger strong{overflow:hidden;color:#edf2f8;font-size:.79rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.country-picker-trigger>svg{flex:0 0 auto;margin-left:auto;color:#7f8ca0;transition:transform .2s ease}.country-picker-trigger.is-open>svg{transform:rotate(180deg)}.country-picker-panel{position:absolute;z-index:70;top:calc(100% + 10px);right:0;width:min(760px,calc(100vw - 48px));padding:19px;border:1px solid #333c52;border-radius:19px;background:#090c17fa;box-shadow:0 32px 90px #0000008c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.country-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.country-picker-header>div{display:grid;gap:4px}.country-picker-header strong{color:#f4f7fb;font-size:.96rem}.country-picker-header span{color:#8391a6;font-size:.72rem}.country-picker-header button,.country-search button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;color:#8b99ae;background:transparent;transition:color .2s ease,background .2s ease}.country-picker-header button:hover,.country-search button:hover{color:#fff;background:#ffffff12}.country-search{height:46px;display:flex;align-items:center;gap:9px;margin-top:16px;padding:0 12px;border:1px solid #30394f;border-radius:12px;color:#8391a7;background:#0d1120}.country-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #7c83ff1f}.country-search input{min-width:0;width:100%;border:0;outline:0;color:#f1f5f9;background:transparent;font-size:.79rem}.country-search input::placeholder{color:#718097}.country-picker-summary{display:flex;justify-content:space-between;gap:16px;margin:12px 2px 9px;color:#74839a;font-size:.67rem}.country-grid{max-height:350px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow-y:auto;padding:2px 5px 5px 2px;scrollbar-width:thin;scrollbar-color:#3d4860 transparent}.country-option{min-width:0;min-height:62px;display:flex;align-items:center;gap:11px;padding:9px 10px;border:1px solid transparent;border-radius:12px;color:#dce3ed;background:#1a213794;text-align:left;transition:border-color .18s ease,background .18s ease}.country-option:hover{border-color:#49546d;background:#192036}.country-option.is-active{border-color:#63e6be73;background:var(--accent-soft)}.country-option>span:not(.country-flag){min-width:0;display:grid;gap:3px}.country-option strong{overflow:hidden;font-size:.76rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.country-option small{color:#8391a7;font-size:.66rem}.country-option>svg{flex:0 0 auto;margin-left:auto;color:var(--accent)}.country-empty{min-height:190px;display:grid;place-content:center;justify-items:center;gap:8px;color:#8190a7;text-align:center}.country-empty strong{color:#e1e7ef;font-size:.86rem}.country-empty span{font-size:.72rem}.saved-filter{height:64px;min-width:175px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 14px;border:1px solid #30384e;border-radius:15px;color:#c6d0df;background:#0d1120;white-space:nowrap;transition:color .2s ease,border-color .2s ease,background .2s ease}.saved-filter>span{display:grid;gap:3px;text-align:left}.saved-filter strong{font-size:.77rem;font-weight:650}.saved-filter:hover,.saved-filter.is-active{color:#ff9caf;border-color:#fb71858f;background:#fb718514}.country-browse-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:27px;color:#a9b4c5;font-size:.76rem;font-weight:680}.country-browse-heading button{display:inline-flex;align-items:center;gap:7px;padding:5px;border:0;color:#8e9db3;background:transparent;font-size:.72rem;transition:color .2s ease}.country-browse-heading button:hover{color:var(--accent)}.country-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:12px}.country-chip{min-width:0;min-height:60px;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #293247;border-radius:13px;color:#b5c0cf;background:#14192bb8;text-align:left;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.country-chip-label{min-width:0;overflow:hidden;font-size:.73rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.country-chip small{margin-left:auto;color:#74839a;font-size:.62rem;font-variant-numeric:tabular-nums}.country-chip:hover{color:#fff;border-color:#515d76;background:#1a2135}.country-chip.is-active{color:#effcf7;border-color:#63e6be80;background:var(--accent-soft);box-shadow:inset 0 0 0 1px #63e6be12}.country-chip.is-active small{color:#8be7c5}.country-chip--all{border-style:dashed;color:#a8b4c5}.country-chip--all>svg{flex:0 0 auto;color:var(--accent)}.country-flag{position:relative;flex:0 0 auto;width:28px;height:20px;display:grid;place-items:center;overflow:hidden;border-radius:5px;color:#91a2ba;background:#20283a;box-shadow:0 0 0 1px #ffffff2b,0 3px 9px #00000040}.country-flag>svg,.country-flag>img{grid-area:1 / 1}.country-flag>svg{position:relative;z-index:0}.country-flag>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}.country-flag--large{width:38px;height:27px;border-radius:6px}.country-flag--small{width:22px;height:15px;border-radius:4px}.country-flag--generic{color:#91a2ba;background:#20283a}.channel-section{margin-top:62px;padding-bottom:20px}.channel-list-heading>div{min-width:0}.result-count{flex:0 0 auto;min-width:112px;display:grid;gap:1px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;color:#8290a6;background:#ffffff06;font-size:.69rem;text-align:center}.result-count strong{color:#f2f5f9;font-size:.96rem;font-variant-numeric:tabular-nums}.group-filters{display:flex;align-items:center;gap:8px;overflow-x:auto;margin:24px 0 20px;padding:3px 2px 7px;color:#8391a7;scrollbar-width:thin;scrollbar-color:#333d53 transparent}.group-filters>svg{flex:0 0 auto;margin-inline-end:4px}.group-filters button{min-height:34px;flex:0 0 auto;padding:0 12px;border:1px solid #2b3449;border-radius:999px;color:#acb7c7;background:#13182ac7;font-size:.74rem;white-space:nowrap;transition:color .18s ease,border-color .18s ease,background .18s ease}.group-filters button:hover{color:#fff;border-color:#56627a}.group-filters button.is-active{color:#071b14;border-color:var(--accent);background:var(--accent);font-weight:750}.group-filters small{margin-left:3px;opacity:.7;font-size:.63rem;font-variant-numeric:tabular-nums}.notice{position:fixed;z-index:100;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 32px));display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(250,204,21,.34);border-radius:13px;color:#f4e5a8;background:#2f250af5;box-shadow:0 20px 55px #0006;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:.77rem}.notice svg{flex:0 0 auto}.notice button{width:28px;height:28px;display:grid;place-items:center;margin-inline-start:auto;padding:0;border:0;border-radius:7px;color:inherit;background:transparent}.notice button:hover{background:#ffffff14}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}.channel-card{position:relative;min-width:0;min-height:126px;overflow:hidden;border:1px solid #242d42;border-radius:16px;background:linear-gradient(145deg,#141a2de6,#0b0e1bf5);transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.channel-card:hover{transform:translateY(-2px);border-color:#525d7a;background:linear-gradient(145deg,#1b2239f5,#0c101ffa);box-shadow:0 14px 34px #0000002e}.channel-card.is-selected{border-color:#63e6be8f;background:linear-gradient(145deg,#183230a8,#0c141dfa);box-shadow:inset 0 0 0 1px #63e6be14}.channel-select{width:100%;min-height:124px;display:grid;gap:13px;padding:13px;border:0;color:inherit;text-align:left;background:transparent}.channel-card-main{min-width:0;display:flex;align-items:center;gap:11px;padding-right:30px}.channel-info{min-width:0;display:grid;gap:5px}.channel-info strong{overflow:hidden;color:#edf2f8;font-size:.82rem;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.channel-info>span{overflow:hidden;color:#8f9db2;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.channel-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid rgba(148,163,184,.1)}.channel-location{min-width:0;display:flex;align-items:center;gap:7px;color:#8f9db2;font-size:.67rem}.channel-location>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-watch{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;color:#aeb3ff;font-size:.68rem;font-weight:700}.channel-watch.is-playing{color:#88e8c4}.channel-logo{flex:0 0 auto;display:grid;place-items:center;object-fit:contain;padding:4px;border:1px solid rgba(148,163,184,.18);border-radius:11px;color:#d8e0f0;background:#192137;font-size:.65rem;line-height:1}.channel-logo--regular{width:48px;height:48px}.channel-logo--large{width:54px;height:54px;border-radius:14px}.channel-logo--hero{width:50px;height:50px;border-radius:14px;background:#151c30}.channel-logo--tuning{width:68px;height:68px;margin-bottom:4px;border-radius:18px;background:#141d36f0;box-shadow:0 14px 32px #0000004d}.channel-logo--fallback{text-align:center;font-weight:720}.heart-button{position:absolute;z-index:2;top:11px;right:10px;width:31px;height:31px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;color:#7f8da3;background:transparent;transition:color .18s ease,background .18s ease}.heart-button:hover,.heart-button.is-saved{color:#ff91a5;background:#fb71851c}.load-more{min-height:45px;display:flex;align-items:center;gap:8px;margin:28px auto 0;padding:0 19px;border:1px solid #3a4660;border-radius:12px;color:#dce4ee;background:#141a2b;font-size:.78rem;font-weight:650;transition:color .2s ease,border-color .2s ease,background .2s ease}.load-more:hover{color:#fff;border-color:var(--primary);background:#1b2240}.channel-skeleton{display:flex;align-items:flex-start;gap:12px;padding:14px;pointer-events:none}.channel-skeleton>span{width:48px;height:48px;flex:0 0 auto;border-radius:11px;background:#20283b;animation:skeleton-pulse 1.4s ease-in-out infinite}.channel-skeleton>div{min-width:0;flex:1;display:grid;gap:10px;padding-top:3px}.channel-skeleton>div span{height:8px;border-radius:999px;background:#20283b;animation:skeleton-pulse 1.4s ease-in-out infinite}.channel-skeleton>div span:nth-child(1){width:76%}.channel-skeleton>div span:nth-child(2){width:48%;animation-delay:.08s}.channel-skeleton>div span:nth-child(3){width:88%;margin-top:16px;animation-delay:.14s}.no-results{min-height:270px;display:grid;place-content:center;justify-items:center;gap:10px;border:1px dashed #30394e;border-radius:20px;color:#8d9bb0;text-align:center}.no-results-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:3px;border-radius:15px;color:#aeb3ff;background:var(--primary-soft)}.no-results strong{color:#e9eef5;font-size:.92rem}.no-results>span:not(.no-results-icon){max-width:300px;font-size:.76rem;line-height:1.6}.no-results button{min-height:36px;margin-top:4px;padding:0 12px;border:1px solid #3b4660;border-radius:9px;color:#d9e1ec;background:#151b2d;font-size:.73rem}.no-results button:hover{border-color:var(--primary);color:#fff}.seo-content{margin-top:78px;padding:35px;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(145deg,#0f1423e6,#090c17f0)}.seo-content-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:end;gap:54px}.seo-content h2,.faq-section h2{margin:8px 0 0;color:var(--text);font-size:clamp(1.55rem,2.5vw,2.2rem);line-height:1.15;letter-spacing:-.04em}.seo-content-heading p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.85}.seo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:31px}.seo-feature-grid article{min-width:0;padding:21px;border:1px solid #283148;border-radius:16px;background:#12182ab8}.seo-feature-grid article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--accent);background:var(--accent-soft)}.seo-feature-grid h3{margin:16px 0 7px;color:#edf2f8;font-size:.91rem}.seo-feature-grid p{margin:0;color:#8f9db2;font-size:.75rem;line-height:1.7}.seo-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.seo-links a{padding:8px 10px;border:1px solid #303a51;border-radius:9px;color:#b7baff;background:#7c83ff0f;font-size:.73rem;font-weight:650;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease}.seo-links a:hover{color:#fff;border-color:var(--primary);background:var(--primary-soft)}.faq-section{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:54px;margin-top:70px}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid var(--border);border-radius:14px;background:#0e1220b8}.faq-list summary{position:relative;padding:17px 44px 17px 17px;color:#e5ebf3;cursor:pointer;font-size:.82rem;font-weight:650;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;top:50%;right:17px;transform:translateY(-50%);color:var(--accent);font-size:1.15rem;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0;padding:0 17px 18px;color:#91a0b5;font-size:.76rem;line-height:1.75}.loading-state,.fatal-state{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:13px;color:#b8c4d6;background:var(--bg);font-size:.9rem;text-align:center}.fatal-state{color:#f7c1c9}.fatal-state svg{color:var(--danger)}.spin{animation:spin .8s linear infinite}.skip-link{position:fixed;z-index:110;top:12px;right:12px;transform:translateY(-150%);padding:9px 13px;border-radius:9px;color:#06170f;background:var(--accent);font-size:.78rem;font-weight:700;text-decoration:none;transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}footer{min-height:112px;display:grid;grid-template-columns:auto 1fr minmax(260px,auto);align-items:center;gap:28px;margin-top:64px;border-top:1px solid var(--border);color:#74839a;font-size:.69rem}.footer-brand{display:flex;align-items:center;gap:8px;color:#d6deea;font-size:.84rem;font-weight:750;letter-spacing:-.04em}.footer-brand img{display:block}.footer-brand span span{color:var(--accent)}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}footer nav a{padding:7px 8px;border-radius:7px;color:#8f9db2;text-decoration:none;transition:color .2s ease,background .2s ease}footer nav a:hover{color:#fff;background:#ffffff0d}footer p{max-width:350px;margin:0;line-height:1.6;text-align:right}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tune-shimmer{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes skeleton-pulse{0%,to{opacity:.42}50%{opacity:.9}}@media(max-width:1180px){.hero-grid{grid-template-columns:minmax(0,1fr) 285px}.player-stage{min-height:380px}.country-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.control-row{flex-wrap:wrap}.search-box{flex-basis:calc(100% - 290px)}.saved-filter{flex:1 1 175px}}@media(max-width:900px){.topbar,main,footer{width:min(100% - 32px,760px)}.topbar-nav{margin-inline-start:0}.hero-intro{align-items:flex-start;flex-direction:column;gap:23px}.hero-intro h1{max-width:650px}.hero-grid{grid-template-columns:1fr}.player-stage{min-height:0}.player-card--empty{min-height:420px}.now-playing-card{min-height:190px}.player-note{margin-top:24px}.browser-section{margin-top:42px;padding:25px}.country-picker{flex:1 1 260px}.country-picker-panel{right:auto;left:0}.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.country-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}.seo-content-heading,.faq-section{grid-template-columns:1fr;gap:22px}footer{grid-template-columns:auto 1fr}footer p{grid-column:1 / -1;max-width:none;text-align:left}}@media(max-width:680px){.topbar-nav{display:none}.hero-intro h1{font-size:clamp(2.2rem,11vw,3.2rem)}.section-heading,.channel-list-heading{align-items:flex-start;flex-direction:column;gap:15px}.catalogue-summary{white-space:normal}.search-box{flex-basis:100%}.country-picker{flex:1 1 calc(55% - 6px);min-width:0}.saved-filter{flex:1 1 calc(45% - 6px);min-width:0}.result-count{min-width:104px;display:flex;align-items:baseline;gap:5px}.country-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-feature-grid{grid-template-columns:1fr}}@media(max-width:520px){.topbar,main,footer{width:calc(100% - 24px)}.topbar{top:8px;height:60px;margin-top:8px;padding:0 11px;border-radius:15px}.brand-logo{width:36px;height:36px}.topbar-status{width:35px;min-height:35px;justify-content:center;gap:0;padding:0;font-size:0}.topbar-status .status-dot{display:none}main{padding-top:42px}.hero-intro{margin-bottom:23px}.hero-intro p{font-size:.9rem}.hero-metrics{width:100%}.hero-metrics div{min-width:0;flex:1}.player-card,.now-playing-card,.browser-section{border-radius:19px}.player-stage{min-height:260px;aspect-ratio:auto}.player-card--empty{min-height:330px}.player-title{min-height:76px;padding:11px 12px}.player-title h2{max-width:42vw}.player-title p{font-size:.7rem}.player-meta{top:10px;right:10px;left:10px}.player-action{width:35px;height:35px}.unmute-cta{padding:0 9px;font-size:.66rem}.now-playing-card{min-height:180px;padding:20px}.browser-section{padding:21px 15px}.control-row{gap:9px}.search-box,.country-picker-trigger,.saved-filter{height:60px}.search-box kbd{display:none}.country-picker,.saved-filter{flex-basis:100%}.country-picker-panel{width:100%;padding:14px}.country-grid{grid-template-columns:1fr;max-height:365px}.country-picker-summary span:last-child{display:none}.country-browse-heading{align-items:flex-start;flex-direction:column;gap:7px}.country-browse-heading button{padding-left:0}.country-chip{min-height:56px}.channel-section{margin-top:45px}.channel-grid{grid-template-columns:1fr}.channel-card:hover{transform:none}.notice{right:12px;bottom:12px;max-width:calc(100vw - 24px)}.seo-content{margin-top:52px;padding:23px 17px}.seo-content-heading,.faq-section{grid-template-columns:1fr;gap:20px}.seo-feature-grid{grid-template-columns:1fr}.faq-section{margin-top:50px}footer{grid-template-columns:1fr;align-items:start;gap:10px;padding-block:23px}footer nav{justify-content:flex-start;margin-inline:-8px}footer p{text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}