:root{--bg:#0e0d0b;--panel:#17150f;--line:#2b271f;--text:#efe6cc;--dim:#a09888;--gold:#d09a32;--orange:#ff512c;--ok:#8fbf7a;--f-body:"Jost Variable", "Jost", "Futura", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 16px/1.4 var(--f-body);flex-direction:column;display:flex;overflow:hidden}button,select{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:6px 12px}button:hover{border-color:var(--dim)}header{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:14px 20px;display:flex}.where{flex:1;min-width:0}#scene{color:var(--dim);font-size:14px}#label{white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:500;overflow:hidden}#count{font-variant-numeric:tabular-nums;color:var(--dim);font-size:22px}#status{max-width:360px;font-size:14px}#status.ok{color:var(--ok)}#status.warn{color:var(--orange)}main{flex:1;grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);gap:20px;min-height:0;padding:16px 20px 20px;display:grid}.frame{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:4px;position:relative;overflow:hidden}.frame iframe{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.frame .end{color:var(--dim);background:var(--bg);place-items:center;font-size:14px;display:none;position:absolute;inset:0}.frame.past iframe{visibility:hidden}.frame.past .end{display:grid}.now{flex-direction:column;gap:18px;min-height:0;display:flex}.now .frame{border-color:var(--gold);flex:none;width:min(100%,67.5556vh);margin:0 auto}.upcoming{flex-direction:column;gap:12px;display:flex}.upcoming figure{margin:0}.upcoming figure:nth-child(2){opacity:.7}figcaption{white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:14px;overflow:hidden}.tag{color:var(--gold);margin-right:4px;font-weight:500}.scene-change{color:var(--dim)}.ph{color:var(--orange);vertical-align:2px;border:1px solid;border-radius:3px;margin-left:4px;padding:0 4px;font-size:12px}.notes{flex:1;min-height:0;padding-right:8px;overflow-y:auto}#notes{font-size:clamp(18px,1.75vw,27px);line-height:1.38}#notes p{margin:0 0 .6em}#notes ul{margin:0 0 .6em;padding-left:1.1em}#notes strong{color:var(--gold);font-weight:600}#notes .say{color:#f4efe4}#notes ul.say li{margin-bottom:.25em}#notes .cue{border-radius:8px;align-items:baseline;gap:.6em;margin:.5em 0 .7em;padding:.35em .7em;font-size:.78em;line-height:1.3;display:flex}#notes .cue .tag{letter-spacing:.06em;text-transform:uppercase;border-radius:5px;flex:none;padding:.15em .55em;font-size:.78em;font-weight:700}#notes .cue-click{border-left:5px solid var(--orange);color:#ffd2c4;box-shadow:0 -10px 18px var(--bg);background:#3a1a10;position:sticky;bottom:0}#notes .cue-click .tag{background:var(--orange);color:#160c08}#notes .cue-do{color:#aab0bd;background:#8c96aa1a;border-left:5px solid #6f7686;font-style:italic}#notes .cue-do .tag{color:#d6dae3;background:#3a3f4a;font-style:normal}#notes .ref{color:var(--dim);border-left:2px solid #3a3a40;margin:.2em 0 .6em;padding-left:.9em;font-size:.62em;line-height:1.35}#notes .check{color:var(--orange);border-left:2px solid var(--orange);margin:.2em 0 .6em;padding-left:.9em;font-size:.62em;line-height:1.35}#notes .empty{color:var(--dim);font-size:18px}#orphans{color:var(--orange);margin-top:12px;font-size:13px}.side{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.side .upcoming{margin-bottom:4px}#timer{font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:clamp(36px,3.6vw,56px);font-weight:500;line-height:1}#timer.paused{color:var(--dim)}#timer.over{color:var(--orange)}.clock .sub{color:var(--dim);margin-top:6px;font-size:14px}.clock .sub button{color:var(--dim);background:0 0;border:0;padding:0;text-decoration:underline}.nav{gap:10px;display:flex}.nav button{flex:1;padding:12px;font-size:17px}#next{border-color:var(--gold)}select{background:var(--panel);border:1px solid var(--line);border-radius:6px;width:100%;padding:8px 10px}.keys{color:var(--dim);margin:0;font-size:13px}