:root{--bg:#eef1f6;--bg-elev:#fff;--panel:#fff;--panel-border:#c9d2e0;--text:#10141c;--text-muted:#5b6675;--accent:#1f4eb8;--accent-2:#0b8457;--on-accent:#fff;--live:#d62839;--font-head:Arial,sans-serif;--font-body:Arial,sans-serif;--head-transform:uppercase;--head-weight:700;--radius:4px;--border-width:1px;--space:8px;--chrome-shadow:0 1px 2px rgba(0,0,0,.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.45;min-height:100vh}.head,h1,h2,h3{font-family:var(--font-head);text-transform:var(--head-transform);font-weight:var(--head-weight);letter-spacing:.02em;margin:0 0 calc(var(--space) * 1.5)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1180px;margin:0 auto}.container,.panel{padding:calc(var(--space) * 2)}.panel{background:var(--panel);border:var(--border-width) solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--chrome-shadow)}.muted{color:var(--text-muted)}.small{font-size:.82rem}.row{align-items:center;flex-wrap:wrap}.col,.row{display:flex;gap:var(--space)}.col{flex-direction:column}.spread{display:flex;justify-content:space-between;align-items:center;gap:var(--space)}.btn{font-family:var(--font-head);text-transform:var(--head-transform);background:var(--accent);color:var(--on-accent);border:var(--border-width) solid var(--panel-border);border-radius:var(--radius);padding:calc(var(--space) * .9) calc(var(--space) * 1.6);cursor:pointer;font-weight:var(--head-weight);box-shadow:var(--chrome-shadow)}.btn:hover{filter:brightness(1.07)}.btn.secondary{background:var(--bg-elev);color:var(--text)}.btn.ghost{background:transparent;box-shadow:none;color:var(--text)}.btn.small{padding:4px 8px;font-size:.78rem}input,select,textarea{font-family:var(--font-body);background:var(--bg-elev);color:var(--text);border:var(--border-width) solid var(--panel-border);border-radius:var(--radius);padding:calc(var(--space) * .8);width:100%}label{font-size:.8rem;color:var(--text-muted);display:block;margin-bottom:4px}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius);background:var(--accent-2);color:var(--on-accent);font-size:.72rem;text-transform:uppercase;font-weight:700}.badge.live{background:var(--live);animation:livePulse 1.6s infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.55}}.grid{display:grid;grid-gap:calc(var(--space) * 2);gap:calc(var(--space) * 2);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-elev);border-top:var(--border-width) solid var(--panel-border);box-shadow:0 -1px 4px rgba(0,0,0,.14);z-index:100}.bottom-bar-inner{padding:calc(var(--space) * .75) calc(var(--space) * 2);display:flex;align-items:center;gap:calc(var(--space) * 2)}.bottom-brand{font-family:var(--font-head);font-weight:var(--head-weight);font-size:1rem;text-transform:var(--head-transform);letter-spacing:.08em;color:var(--accent);flex-shrink:0}.bottom-section{flex-shrink:0}.bottom-tune{font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-muted)}.bottom-ctrl{padding:2px 7px!important;font-size:.78rem!important}.bottom-ctrl.active-skin{background:var(--accent)!important;color:var(--on-accent)!important}.bottom-viewers{flex-shrink:0;font-size:.78rem}.main-content{min-height:100vh;padding-bottom:52px}.home-layout{display:flex;flex-direction:column;min-height:100vh}.viewer-top{display:grid;grid-template-columns:3fr 2fr;min-height:0}.viewer-player-col{background:#000;display:flex;flex-direction:column}.viewer-player{background:#000}.viewer-info{background:var(--accent);color:var(--on-accent);padding:calc(var(--space) * 2.5);min-height:240px}.viewer-info .muted{color:hsla(0,0%,100%,.7)}.viewer-info .badge{background:hsla(0,0%,100%,.18);color:var(--on-accent)}.viewer-info .badge.live{background:var(--live)}.guide-toggle-bar{background:var(--bg-elev);border-top:var(--border-width) solid var(--panel-border);border-bottom:var(--border-width) solid var(--panel-border);display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer}.guide-section{gap:0!important}.guide-channel-row{display:grid;grid-template-columns:120px 1fr;border-bottom:var(--border-width) solid var(--panel-border);cursor:pointer;transition:background .12s}.guide-channel-row.guide-row-active,.guide-channel-row:hover{background:var(--bg-elev)}[data-skin=tvguide] .guide-channel-row.guide-row-active{background:#fff7e6}.guide-ch-label{display:flex;flex-direction:column;justify-content:center;padding:calc(var(--space) * 1.5) calc(var(--space) * 1.5);border-right:var(--border-width) solid var(--panel-border);background:var(--bg-elev);gap:2px}.guide-ch-number{font-family:var(--font-head);font-weight:var(--head-weight);font-size:1.4rem;line-height:1;color:var(--accent)}.guide-ch-name{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.guide-slots-scroll{display:flex;overflow-x:auto;gap:1px;background:var(--panel-border);scrollbar-width:thin}.guide-slots-scroll .guide-slot{flex-shrink:0;border:none;border-radius:0;background:var(--bg-elev);padding:calc(var(--space) * 1.2) calc(var(--space) * 1.5)}.guide-slots-scroll .guide-slot.now{background:var(--panel);outline:none;border-left:3px solid var(--live)}.player{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}.player iframe,.player video,.player>div{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;display:block}.filler-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space);color:#fff;padding:var(--space)}.guide-row{display:grid;grid-template-columns:90px 1fr;grid-gap:var(--space);gap:var(--space);align-items:stretch}.guide-slot{border:var(--border-width) solid var(--panel-border);border-radius:var(--radius);padding:var(--space);background:var(--bg-elev)}.guide-slot.now{outline:3px solid var(--live)}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:var(--border-width) solid var(--panel-border);margin-bottom:calc(var(--space) * 2)}.tab{padding:calc(var(--space)) calc(var(--space) * 1.5);cursor:pointer;border:var(--border-width) solid transparent;border-bottom:none}.tab.active{background:var(--panel);border-color:var(--panel-border);border-radius:var(--radius) var(--radius) 0 0;font-weight:700}.viewer-layout{display:grid;grid-template-columns:2fr 1fr;grid-gap:calc(var(--space) * 2);gap:calc(var(--space) * 2)}@media (max-width:820px){.viewer-layout,.viewer-top{grid-template-columns:1fr}.viewer-player-col{min-height:0}.viewer-info{min-height:160px}.pc-centre{display:none}.pc-volume-slider{width:56px}.guide-channel-row{grid-template-columns:90px 1fr}.bottom-bar-inner{gap:var(--space);flex-wrap:wrap}}[data-skin=win95] .btn,[data-skin=win95] .guide-slot,[data-skin=win95] .nav,[data-skin=win95] .panel{box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;border-radius:0}[data-skin=win95] .btn{background:silver;color:#000}[data-skin=win95] .btn:active{box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #fff}[data-skin=win95] .nav .brand:before{content:"🖥 "}[data-skin=mtv] .nav .brand{transform:skewX(-6deg)}[data-skin=mtv] .badge{transform:rotate(-3deg)}[data-skin=mtv] .btn{letter-spacing:.06em}[data-skin=mtv] body{background-image:radial-gradient(circle at 20% 10%,rgba(255,46,154,.18),transparent 40%),radial-gradient(circle at 80% 30%,rgba(54,226,255,.16),transparent 40%)}[data-skin=tvguide] .guide-slot.now{background:#fff7e6}.player-controls{gap:calc(var(--space) * 1.5);background:#111;padding:6px calc(var(--space) * 1.5);border-top:1px solid hsla(0,0%,100%,.08)}.pc-left,.player-controls{display:flex;align-items:center;flex-shrink:0}.pc-left{gap:8px}.pc-centre{flex:1 1;justify-content:center}.pc-centre,.pc-right{display:flex;align-items:center;gap:8px}.pc-right{flex-shrink:0;margin-left:auto}.pc-btn{background:transparent;border:none;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:1rem;padding:2px 4px;line-height:1;border-radius:var(--radius);transition:color .15s}.pc-btn:hover:not(:disabled){color:#fff}.pc-btn:disabled{opacity:.35;cursor:default}.pc-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:3px;background:hsla(0,0%,100%,.25);border-radius:2px;outline:none;border:none;padding:0;cursor:pointer}.pc-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.pc-volume-slider:disabled{opacity:.3;cursor:default}.pc-live-badge{font-size:.68rem}.pc-channel{font-size:.78rem;color:hsla(0,0%,100%,.6)}.pc-offset{color:hsla(0,0%,100%,.4)}.pc-hint,.pc-offset{font-size:.72rem}.pc-unmute-hint{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:var(--radius);padding:2px 10px;font-size:.75rem;cursor:pointer;white-space:nowrap;animation:pcUnmutePulse 2s ease-in-out infinite}@keyframes pcUnmutePulse{0%,to{opacity:1}50%{opacity:.6}}.guide-author,.guide-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:196px}.guide-author{font-size:.72rem}.viewer-count{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:600;color:hsla(0,0%,100%,.9);transition:opacity .3s ease}.viewer-dot{color:var(--live);animation:viewerPulse 2.4s ease-in-out infinite}@keyframes viewerPulse{0%,to{opacity:1}50%{opacity:.4}}.viewer-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:color .3s ease}.viewer-count-flash .viewer-num{color:#fff}.viewer-count-compact{font-size:.72rem;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.viewer-chart{display:flex;align-items:flex-end;gap:3px;height:96px;overflow-x:auto;padding-bottom:calc(var(--space) * 2);scrollbar-width:thin}.viewer-bar-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;min-width:22px;flex-shrink:0;position:relative}.viewer-bar-peak{background:var(--accent);min-height:2px}.viewer-bar-avg,.viewer-bar-peak{width:14px;border-radius:2px 2px 0 0;transition:height .4s ease}.viewer-bar-avg{background:var(--accent-2);opacity:.7;min-height:1px}.viewer-bar-label{position:absolute;bottom:-18px;font-size:.6rem;color:var(--text-muted);white-space:nowrap;transform:rotate(-45deg);transform-origin:top left}