:root{color-scheme:dark;--bg:#101827;--panel:#172233;--line:#2b384a;--muted:#99aabd;--mint:#39dfc5;--white:#f3f6fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}a{color:var(--mint);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}[hidden]{display:none!important}.shell{max-width:1320px;margin:auto;padding:max(24px,env(safe-area-inset-top)) 44px max(20px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:38px}.brand{display:flex;gap:11px;align-items:center;color:var(--white);font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1.1}.accent{color:var(--mint)}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2.1px;font-weight:600;margin-top:7px}.tag{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.4px;font-weight:700;border:1px solid var(--line);border-radius:30px;padding:7px 13px}.tag i{width:7px;height:7px;background:var(--mint);border-radius:50%}.layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:40px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--mint)}h1{font-size:40px;line-height:1.17;letter-spacing:-1.6px;margin:14px 0 13px}h1 span{color:#a6b6ca}h2{margin:0;font-size:21px;line-height:1.4}.intro{color:var(--muted);margin:0 0 26px}.player{position:relative;background:#080e18;border:1px solid var(--line);border-radius:15px;overflow:hidden;aspect-ratio:16/9;display:flex;justify-content:center;align-items:center}video,iframe{width:100%;height:100%;display:block;border:0;object-fit:contain}.empty-player{display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--muted);font-size:13px}.empty-player img{opacity:.75;margin-bottom:14px}.empty-player strong{font-size:19px;color:var(--white)}.busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#080e18b3;font-size:13px;pointer-events:none}.spinner{width:18px;height:18px;border:2px solid #ffffff30;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.now{display:flex;align-items:center;justify-content:space-between;margin:24px 0 10px;gap:12px}.now h2{margin-top:5px}.square{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:42px;height:42px;font-size:26px}.status{font-size:12px;min-height:36px;color:var(--muted)}.playback{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}.playback label{display:flex;gap:7px;align-items:center;color:var(--muted)}.playback select{max-width:130px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px}.text-button{background:none;border:0;font-size:12px;color:var(--mint);padding:8px}.notice{background:#342523;border:1px solid #654139;border-radius:10px;padding:16px;margin-top:16px;font-size:12px;color:#e6bcb0}.notice strong{font-size:14px}.notice p{margin:6px 0 10px}.tips{margin-top:25px;display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);padding-top:22px}.browse{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;min-width:0;align-self:start}.browse-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.count{font-size:11px;background:#263647;border-radius:6px;color:var(--muted);padding:4px 8px}.field-label{font-size:11px;color:var(--muted);display:block;margin-bottom:5px}.country{width:100%;background:#101a2a;border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--white);font-size:14px}.search{display:flex;align-items:center;gap:8px;background:#101a2a;border:1px solid var(--line);border-radius:9px;padding:0 13px;margin-top:11px}.search span{font-size:26px;color:var(--muted)}.search input{width:100%;min-width:0;background:transparent;border:0;color:var(--white);padding:12px 0;font-size:13px}.search input::placeholder{color:#8193a9}.tabs{display:flex;gap:6px;margin:18px 0 22px}.tabs button{flex:1;border:0;background:transparent;border-radius:8px;padding:9px 6px;color:var(--muted);font-size:12px}.tabs button.active{background:var(--mint);color:#0c2722;font-weight:700}.tabs button span{margin-left:3px;font-size:10px}.list-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:10px;letter-spacing:.5px}.list-meta span:last-child{color:#668277;font-size:9px;letter-spacing:1px}.channels{max-height:555px;overflow:auto;scrollbar-width:thin;scrollbar-color:#40516a transparent}.channel{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-bottom-color:#29364a;border-radius:9px;padding:6px 8px 6px 5px;margin-bottom:4px}.channel.selected{border-color:#39dfc55c;background:#39dfc50b}.pick{display:flex;align-items:center;gap:12px;min-width:0;flex:1;text-align:left;background:none;border:0;padding:7px 0}.avatar{width:38px;height:38px;flex-shrink:0;border-radius:10px;background:#293951;display:grid;place-items:center;font-size:14px;font-weight:750;color:#afc4df}.selected .avatar{background:var(--mint);color:#092c24}.channel-text{min-width:0}.channel-text strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.channel-text small{font-size:10px;color:var(--muted)}.star{background:none;border:0;font-size:23px;color:#8497b0;flex-shrink:0;padding:5px}.star.saved{color:#f9cd6b}.empty-list{padding:35px 12px;text-align:center;color:var(--muted);font-size:13px}.more{width:100%;border:1px solid var(--line);background:#22324a;border-radius:8px;margin-top:12px;padding:10px;font-size:12px}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:38px;padding-top:20px;font-size:10px;color:var(--muted)}footer a{color:var(--muted);text-decoration:underline}.watch{min-width:0}@media(min-width:1000px){.watch{position:sticky;top:24px;align-self:start}}@media(max-width:800px){.shell{padding:20px 20px max(20px,env(safe-area-inset-bottom))}.layout{grid-template-columns:1fr;gap:28px}.topbar{margin-bottom:26px;padding-bottom:20px}h1{font-size:32px}.browse{padding:20px}.channels{max-height:480px}.tips{margin-top:16px}.intro{margin-bottom:18px}.now{margin-top:17px}footer{margin-top:26px}.eyebrow{font-size:9px}.empty-player img{width:44px;height:44px;margin-bottom:5px}.empty-player strong{font-size:16px}.tag{font-size:9px}.status{min-height:0}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}

/* Player-only fullscreen works inside Telegram and ordinary browsers. */
body.viewing-fullscreen{overflow:hidden}
.player.is-expanded{position:fixed;inset:0;width:100%;height:100%;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;z-index:1000;background:#000}
.player:fullscreen{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background:#000}
.player:-webkit-full-screen{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background:#000}
.fullscreen-back{position:absolute;top:max(12px,env(safe-area-inset-top,0px),var(--tg-content-safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px),var(--tg-content-safe-area-inset-left,0px));width:44px;height:44px;border:1px solid #ffffff60;border-radius:12px;background:#111827d9;color:#fff;font-size:22px;z-index:3}
.tips button{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:left}

.player-media{position:absolute;inset:0;width:100%;height:100%}
.player.is-expanded.is-rotated .player-media{inset:auto;left:50%;top:50%;width:var(--rotate-width);height:var(--rotate-height);transform:translate(-50%,-50%) rotate(90deg)}
.fullscreen-rotate{position:absolute;right:max(16px,env(safe-area-inset-right,0px),var(--tg-content-safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px));width:48px;height:48px;border:1px solid #ffffff60;border-radius:12px;background:#111827d9;color:#fff;font-size:28px;z-index:3;touch-action:manipulation}
.fullscreen-rotate[aria-pressed="true"]{background:#153d36;color:var(--mint);border-color:var(--mint)}

.fullscreen-channels{position:absolute;right:max(76px,calc(env(safe-area-inset-right,0px) + 76px),calc(var(--tg-content-safe-area-inset-right,0px) + 76px));bottom:max(16px,env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px));width:48px;height:48px;border:1px solid #ffffff60;border-radius:12px;background:#111827d9;color:#fff;font-size:28px;z-index:3;touch-action:manipulation}
.fullscreen-channel-panel{position:absolute;inset:0 0 0 auto;width:min(320px,85%);z-index:2;background:#101827f2;border-left:1px solid var(--line);padding:max(16px,var(--tg-content-safe-area-inset-top,0px)) 16px max(84px,var(--tg-content-safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}
.fullscreen-panel-help{margin:0;color:var(--muted);font-size:11px}
.fullscreen-channel-list{min-height:0;overflow:auto;flex:1;overscroll-behavior:contain;touch-action:pan-y}
.fullscreen-channel-list button{display:block;width:100%;text-align:left;padding:12px 10px;margin-bottom:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px}
.fullscreen-channel-list button.active{background:#153d36;border-color:var(--mint);color:var(--mint)}
.fullscreen-channel-pages{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px}
.fullscreen-channel-pages button{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px;font-size:11px}
.fullscreen-channel-pages button:disabled{opacity:.4;cursor:default}
.fullscreen-hint{position:absolute;left:50%;bottom:max(80px,calc(env(safe-area-inset-bottom,0px) + 80px));transform:translateX(-50%);max-width:85%;padding:10px 14px;border-radius:10px;background:#111827dd;font-size:13px;text-align:center;z-index:3;pointer-events:none}