:root{color-scheme:dark;--bg:#080b12;--panel:#111822;--line:#25303c;--text:#f3f6f9;--muted:#9ba8b7;--green:#72e6bf;--mint:#a6ef91;--red:#ff5a67}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% -20%,#1a414144,transparent 42%),var(--bg);color:var(--text);font:14px 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:72px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:36px;padding:0 clamp(16px,4vw,58px);border-bottom:1px solid #ffffff10;background:#080b12ec;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand img{width:37px;height:37px;object-fit:contain}.brand b{font-size:14px;letter-spacing:1px}.brand i{font-style:normal;color:var(--green)}.brand small{display:block;color:#8795a5;font-size:8px;letter-spacing:2.4px;margin-top:3px}.nav{display:flex;gap:6px}.nav a{padding:10px 12px;border-radius:9px;color:#aeb8c4;font-size:12px}.nav a:hover,.nav a.active{background:#ffffff0d;color:white}.nav a.active{box-shadow:inset 0 -2px var(--green)}.account,.mobile-menu{margin-left:auto;border:1px solid var(--line);border-radius:9px;background:#111822;color:#eaf0f4;padding:9px 13px;font-size:11px}.mobile-menu,.mobile-nav{display:none}.wrap{max-width:1500px;margin:auto;padding:38px clamp(16px,4vw,58px) 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.8px;color:var(--green)}.eyebrow span,footer span{color:#53656d}.page-heading h1{font-size:clamp(29px,4vw,46px);letter-spacing:-1.6px;margin:9px 0 6px}.page-heading p,.catalog-heading p{font-size:12px;color:var(--muted);margin:0}.live-count{border:1px solid #31544d;background:#12251f;border-radius:11px;padding:11px 14px;color:#c7f6e1;font-size:11px;white-space:nowrap}.live-count i,.live-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px #72e6bf99;margin-right:8px}.feature-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.72fr);gap:15px}.player-card,.info-card,.catalog-card{background:linear-gradient(145deg,#111a24,#0d121a 75%);border:1px solid var(--line);border-radius:17px;overflow:hidden}.player-card{box-shadow:0 20px 55px #0003}.screen{position:relative;aspect-ratio:16/8.7;background:radial-gradient(ellipse at 50% 75%,#1d554c 0,#142a31 34%,#0b1118 75%);overflow:hidden}.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#72e6bf16,transparent 52%),radial-gradient(circle at 78% 25%,#a6ef9118,transparent 27%)}.screen-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#b8fff511 1px,transparent 1px),linear-gradient(90deg,#b8fff511 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent,#000)}.screen-label{position:absolute;z-index:2;inset:14px 15px auto;display:flex;justify-content:space-between;pointer-events:none}.screen-label span{padding:7px 10px;border:1px solid #ffffff20;border-radius:99px;background:#080d12bb;color:#dff6ed;font-size:8px;font-weight:700;letter-spacing:.8px}.screen-label .format-badge{color:#b4c3cf}#video{position:absolute;z-index:1;inset:0;width:100%;height:100%;background:#000;object-fit:contain;display:none}.placeholder{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.placeholder[hidden]{display:none}.play-large{width:70px;height:70px;border:1px solid #aaffdf77;border-radius:22px;background:#9cf9d31b;color:#c2ffe9;font-size:24px;box-shadow:0 0 45px #67e8c522;cursor:pointer}.placeholder h2{font-size:18px;margin:14px 0 4px}.placeholder p{font-size:11px;color:#9aadb7;margin:0}.player-info{display:flex;align-items:center;gap:13px;padding:17px}.station-icon,.channel-mark{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid #35534d;border-radius:13px;background:linear-gradient(145deg,#15322e,#131d26);color:#9af0cf;font-size:11px;font-weight:800}.player-copy{min-width:0}.player-copy small{color:var(--green);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.player-copy h2{font-size:15px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-copy p{color:var(--muted);font-size:10px;margin:0}.btn,.chip{border:1px solid var(--line);border-radius:9px;background:#151e28;color:#e4ebf0;padding:9px 12px;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.btn:hover,.chip:hover{border-color:#548477}.player-info .btn{margin-left:auto}.player-info #retryButton{margin-left:auto}.player-info #stopButton{margin-left:0}.player-status{display:none;margin:0 16px 15px;padding:10px 12px;border-radius:9px;background:#16202b;color:#bdcbd4;font-size:10px;line-height:1.5}.player-status.show{display:block}.player-status.error{background:#301b20;border:1px solid #64313a;color:#ffd0d3}.player-status.ok{background:#12261f;color:#c5f7e1}.status-detail{color:#d4b7bb;font-size:9px;overflow-wrap:anywhere;margin-top:5px}.info-card{padding:19px}.section-title,.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title h2,.catalog-heading h2{margin:0;font-size:15px}.section-title span{font-size:8px;color:var(--green);letter-spacing:1px}.info-highlight{margin:17px 0 13px;padding:15px;border:1px solid #2c3944;border-radius:12px;background:linear-gradient(130deg,#182832,#111a22)}.info-highlight b{font-size:12px}.info-highlight p{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metrics>div{border:1px solid #202c38;border-radius:11px;padding:11px}.metrics b{font-size:17px}.metrics small{display:block;font-size:8px;letter-spacing:.7px;color:var(--muted);margin-top:3px}.note{color:#8593a1;font-size:9px;line-height:1.6;margin:13px 0 0}.catalog-card{margin-top:16px;padding:19px}.catalog-heading{align-items:flex-end}.catalog-heading h2{font-size:19px;margin:5px 0}.catalog-heading p{font-size:10px}.filters{display:flex;gap:8px;margin:17px 0 13px}.filters input,.filters select{border:1px solid var(--line);border-radius:9px;background:#0a1118;color:#e4ebf0;padding:10px 12px;font-size:10px;outline:none}.filters input{flex:1;min-width:180px}.filters select{min-width:160px}.chip.active{border-color:#4c927f;background:#15322b;color:#bdf4de}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}.channel{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #222e3a;border-radius:12px;background:#0d141c;transition:transform .15s,border-color .15s}.channel:hover{transform:translateY(-2px);border-color:#49786b}.channel-info{min-width:0;flex:1}.channel-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.channel-info small{display:block;color:#91a0af;font-size:8px;margin-top:4px}.channel-actions{display:flex;gap:5px}.channel-play{width:31px;height:31px;border:1px solid #37584e;border-radius:9px;background:#14241f;color:#a9f1d6;font-size:11px;cursor:pointer}.channel-play:hover{background:var(--green);color:#07130f}.empty{padding:28px;border:1px dashed #314151;border-radius:12px;color:var(--muted);font-size:11px;text-align:center;line-height:1.6}.empty[hidden]{display:none}footer{padding:25px;text-align:center;color:#788696;font-size:9px}footer span{padding:0 5px}
@media(max-width:950px){.topbar{gap:12px}.brand{min-width:180px}.nav{gap:0}.nav a{padding:9px 8px}.feature-grid{grid-template-columns:1fr}.info-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.section-title,.note{grid-column:1/-1}.info-highlight{margin:0}.metrics{align-content:start}}@media(max-width:680px){.topbar{height:62px;gap:10px}.brand{min-width:0}.brand small,.nav,.account{display:none}.mobile-menu{display:block}.mobile-nav:not([hidden]){position:sticky;top:62px;z-index:9;display:flex;justify-content:space-around;padding:12px;background:#111822;border-bottom:1px solid var(--line);font-size:11px}.wrap{padding-top:25px}.page-heading{align-items:flex-start;flex-direction:column}.player-info{padding:12px;gap:9px}.player-copy h2{font-size:12px}.player-copy p{font-size:9px}.station-icon{width:38px;height:38px}.player-info .btn{padding:8px}.catalog-card{padding:14px}.catalog-heading{align-items:flex-start}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1;min-width:0}.channel-grid{grid-template-columns:1fr 1fr}.channel{padding:8px;gap:7px}.channel-mark{width:35px;height:35px}.channel-info strong{font-size:9px}.channel-play{width:28px;height:28px}}@media(max-width:390px){.channel-grid{grid-template-columns:1fr}.format-badge{display:none}.player-info #stopButton{font-size:0}.player-info #stopButton:after{content:'■';font-size:11px}}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.btn.primary{border-color:transparent;background:linear-gradient(120deg,#72e6bf,#a6ef91);color:#07130f}@media(pointer:coarse){.channel-play{min-width:44px;min-height:44px}.account,.btn,.chip,.filters input,.filters select{min-height:44px}}

@media(max-width:680px){.mobile-nav:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mobile-nav a{text-align:center;padding:9px 4px;border:1px solid #25303c;border-radius:8px;color:#dbe4eb;font-size:10px}}

@media(max-width:950px){.nav a{padding:8px 6px;font-size:10px}}

.privacy-note{margin:0 0 12px;color:#92a2b1;font-size:10px;line-height:1.5}.channel[tabindex="0"]{cursor:pointer}.channel.is-selected,.channel:focus-visible{border-color:var(--green);box-shadow:0 0 0 2px #72e6bf35;outline:none}.channel:focus-visible{transform:translateY(-1px)}.player-card.is-expanded{position:fixed;z-index:41;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1120px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border-color:#52786d;box-shadow:0 24px 100px #000c}.player-card.is-expanded .screen{aspect-ratio:16/9;max-height:68dvh}.player-card.is-expanded .player-info{padding-right:60px}.player-card.is-expanded .close-player{display:grid}.close-player{position:absolute;z-index:5;right:12px;top:12px;width:40px;height:40px;place-items:center;border:1px solid #ffffff65;border-radius:50%;background:#090d12dc;color:#fff;font-size:25px;line-height:1;cursor:pointer}.close-player:hover,.close-player:focus-visible{background:#f4262e;border-color:#ff7780;outline:2px solid #fff;outline-offset:2px}.close-player[hidden]{display:none!important}body.player-overlay-open{overflow:hidden}body.player-overlay-open:before{content:"";position:fixed;inset:0;z-index:40;background:#02050bdc;backdrop-filter:blur(5px)}body.player-overlay-open .topbar{z-index:20}@media(max-width:680px){.player-card.is-expanded{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);border-radius:12px}.player-card.is-expanded .screen{aspect-ratio:16/10;max-height:55dvh}.player-card.is-expanded .player-info{flex-wrap:wrap;padding:12px}.player-card.is-expanded .close-player{top:8px;right:8px;width:38px;height:38px}}

.external-player{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0;background:#000}.channel-quality-tools{margin-top:8px}.channel-quality-tools[hidden]{display:none!important}.channel-quality-tools label{display:inline-flex;align-items:center;gap:8px;color:#aeb7c1;font-size:11px}.channel-quality-tools select{min-width:130px;border:1px solid #344452;border-radius:7px;padding:7px 10px;background:#0d141b;color:#f5f7fa;font:inherit}.channel-quality-tools select:focus-visible{outline:2px solid #ff8c42;outline-offset:2px}