:root{color-scheme:dark;--ink:#ecedec;--muted:#aaaeb1;--surface:#171c23;--edge:rgba(255,255,255,.13);--accent:#d9bf91;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;background:#070a0e;color:var(--ink)}button,input,select{font:inherit}button{color:inherit;border:1px solid var(--edge);background:#343b43;border-radius:9px;padding:.66rem .88rem;cursor:pointer}button:hover,button:focus-visible{border-color:var(--accent)}button.secondary{background:transparent}button:disabled{opacity:.4;cursor:not-allowed}input,select{min-width:0;width:100%;padding:.7rem;background:#242a32;color:var(--ink);border:1px solid var(--edge);border-radius:8px}input[type=checkbox],input[type=radio]{width:1rem;height:1rem;accent-color:var(--accent);padding:0}input[type=file]{font-size:.8rem;max-width:100%}input[type=range]{accent-color:var(--accent);padding:0}label{display:block;color:#e0e0e0;font-size:.8rem;margin:.8rem 0 .4rem}fieldset{min-width:0;border:1px solid var(--edge);border-radius:12px;padding:.7rem 1rem 1rem;margin:1rem 0}legend{padding:0 .4rem;color:var(--accent);font-size:.83rem;letter-spacing:.04em}p{line-height:1.45}#app{height:100dvh;display:flex;overflow:hidden}.theater{position:relative;flex:1;display:grid;place-items:center;min-width:0;overflow:hidden;background:radial-gradient(ellipse at center,#171b1f,#070a0e 72%)}.scene{--ratio:1.7777778;position:relative;aspect-ratio:var(--ratio);width:min(100%,calc(100dvh * var(--ratio)));max-height:100dvh;overflow:hidden;background:#0b0c0d;box-shadow:0 10px 50px #0009;isolation:isolate}.scene img.plate{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity 1.6s ease;user-select:none}.scene img.plate[src]:not([src=""]){display:block}#region-layer{position:absolute;inset:0;pointer-events:none}#region-layer video{position:absolute;object-fit:fill;pointer-events:none;display:block}.tv-surface{position:absolute;overflow:hidden;background:#050505;z-index:3}.tv-content{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.tv-content iframe,.tv-content video{width:100%;height:100%;border:0;object-fit:contain}.tv-content .now-playing{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:4%;padding:5%;background:radial-gradient(circle at 30% 20%,#334555,#11151c)}.now-playing img{width:29%;aspect-ratio:1;object-fit:cover}.now-playing .details{max-width:58%;overflow:hidden}.now-playing p{margin:.2rem 0;font-size:clamp(9px,1.5vw,24px);overflow-wrap:anywhere}.now-playing small{font-size:clamp(8px,1.1vw,18px);color:#c5ced4}#darken{position:absolute;inset:0;z-index:8;pointer-events:none;background:#000;opacity:0}.scene-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;max-width:min(90%,450px);background:#101722ea;padding:1.1rem 1.3rem;border:1px solid var(--edge);border-radius:10px;display:flex;align-items:center;gap:.7rem;text-align:left;box-shadow:0 8px 25px #0005}.status-dot{display:inline-block;width:.6rem;height:.6rem;flex:none;border-radius:50%;background:#e6b16c}.scene-status.ready{display:none}.topline{position:absolute;top:1.4rem;left:1.6rem;right:1.6rem;z-index:11;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 8px #000b;transition:opacity .6s}.wordmark{letter-spacing:.3em;font-size:.77rem;font-weight:650}.clock{font-size:.8rem;letter-spacing:.03em}.floating-toggle{position:absolute;bottom:1.2rem;right:1.2rem;z-index:13;background:#161a1fe8;transition:opacity .6s}.controls{width:min(405px,100vw);padding:1.5rem;flex:none;overflow-y:auto;background:var(--surface);border-left:1px solid var(--edge);scrollbar-color:#3a4550 transparent}.controls header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.controls header button{font-size:1.3rem;background:transparent;padding:.2rem .65rem}.eyebrow{font-size:.65rem;letter-spacing:.25em;color:var(--accent);margin:0}.controls h1{font-size:1.25rem;line-height:1.2;font-weight:550;margin:.35rem 0 .7rem}.notice{font-size:.76rem;padding:.8rem;background:#252b31;border:1px solid var(--edge);border-radius:9px;color:var(--muted);line-height:1.4}.inline{display:flex;align-items:end;gap:.5rem}.inline input{flex:1}.inline button{flex:none}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.sub-label{font-size:.72rem;color:var(--muted)}.option{display:flex;align-items:center;gap:.6rem;margin:.55rem 0}.option input{flex:none}.switches{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.switches label{display:flex;align-items:center;gap:.55rem}.volume-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1rem}.help,.footer{font-size:.75rem;color:var(--muted);line-height:1.5}.footer{padding:1rem 0}.controls.hidden{display:none}.controls.hidden~.theater{flex:1}body.ui-hidden .controls,body.ui-hidden .floating-toggle,body.ui-hidden .topline{display:none}body.idle .floating-toggle,body.idle .topline{opacity:0}body.idle .theater:hover .floating-toggle,body.idle .theater:hover .topline{opacity:1}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:950px){#app{display:block;overflow:auto}.theater{width:100%;height:60dvh}.scene{max-height:60dvh;width:min(100%,calc(60dvh * var(--ratio)))}.controls{width:100%;height:auto;max-height:none;border:0;border-top:1px solid var(--edge)}.controls.hidden{display:none}body.ui-hidden #app{height:100dvh;overflow:hidden}body.ui-hidden .theater{height:100dvh}body.ui-hidden .scene{max-height:100dvh;width:min(100%,calc(100dvh * var(--ratio)))}}@media(max-width:470px){.controls{padding:1rem}.theater{height:46dvh}.scene{max-height:46dvh;width:min(100%,calc(46dvh * var(--ratio)))}.inline{flex-wrap:wrap}.inline button{width:auto}.two-up{gap:.5rem}.floating-toggle{bottom:.7rem;right:.7rem}}