:root{--paper:#f4f5f7;--surface:#fff;--ink:#1a1e25;--ink-2:#4e5663;--rule:#d6dbe2;--accent:#9e1f3a;--tint:#9e1f3a12;--ok:#2f7a4f;--warn:#9a6b12;--bad:#9e1f3a;--display:"Instrument Serif", Georgia, "Times New Roman", serif;--body:"IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;--mono:"IBM Plex Mono", Consolas, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root{--paper:#15181d;--surface:#1c2027;--ink:#e8eaee;--ink-2:#a2a9b4;--rule:#2e343d;--accent:#e2607a;--tint:#e2607a1a;--ok:#6fc290;--warn:#d9a43d;--bad:#e2607a}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:15.5px;line-height:1.55}a{color:var(--accent);text-underline-offset:3px}code,.mono{font-family:var(--mono);font-size:.92em}h1{font-family:var(--display);letter-spacing:-.01em;margin:0 0 10px;font-size:38px;font-weight:400;line-height:1.1}h2{font-family:var(--display);margin:36px 0 12px;font-size:26px;font-weight:400}h3{margin:0 0 8px;font-size:15px;font-weight:600}p{margin:0 0 12px}.muted{color:var(--ink-2)}.small{font-size:13.5px}header.site{border-bottom:1px solid var(--rule);align-items:baseline;gap:18px;padding:18px 28px;display:flex}header.site .brand{font-family:var(--display);color:var(--ink);font-size:24px;text-decoration:none}header.site .phase{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:12px}header.site .sitenav{gap:16px;font-size:14px;display:flex}header.site .sitenav a{color:var(--ink-2);text-decoration:none}header.site .sitenav a:hover{color:var(--accent)}header.site .whoami{color:var(--ink-2);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}header.site .whoami select{padding:4px 8px;font-size:13px}.stems{grid-template-columns:1fr;gap:6px;margin:12px 0;display:grid}.stems .track{border:1px solid var(--rule);background:var(--paper);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 10px;font-size:14px;display:flex}.stems .track .name{flex:160px}.stems .track .track-wave{flex:100%}.stems .track .fader{align-items:center;gap:6px;display:inline-flex}.stems .track .fader input[type=range]{width:96px;accent-color:var(--accent);margin:0}.stems .track .fader span{text-align:right;min-width:46px}.balance-bar{border:1px dashed var(--rule);border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;padding:8px 10px;display:flex}.stems .track.off{opacity:.55}.stems .track .name{font-weight:500}.stems .track button{padding:4px 10px;font-size:12.5px}.stems .track button.on{background:var(--accent);border-color:var(--accent);color:#fff}.seek{background:var(--rule);cursor:pointer;border-radius:4px;height:8px;margin:10px 0;position:relative}.seek>div{background:var(--accent);border-radius:4px;width:0;height:100%}.status-pill{font-family:var(--mono);border:1px solid;border-radius:10px;padding:1px 7px;font-size:11px;display:inline-block}.status-pill.done,.status-pill.submitted,.status-pill.approved{color:var(--ok)}.status-pill.queued,.status-pill.rendering,.status-pill.recording{color:var(--warn)}.status-pill.failed,.status-pill.rejected{color:var(--bad)}main{max-width:900px;margin:0 auto;padding:36px 24px 96px}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px}.lede{color:var(--ink-2);max-width:64ch;font-size:17px}.card{background:var(--surface);border:1px solid var(--rule);border-radius:6px;margin:18px 0;padding:20px 22px}.card h3{align-items:baseline;gap:10px;display:flex}.card h3 .step{font-family:var(--mono);color:var(--ink-2);font-size:12px;font-weight:400}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 20px;display:grid}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--ink-2);font-size:13px;font-weight:500}select,input[type=number]{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:4px;max-width:100%;padding:7px 9px}select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;cursor:pointer;border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:4px;padding:8px 14px;font-weight:500}button:hover{border-color:var(--ink-2)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{filter:brightness(1.08)}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.notice{border-left:3px solid var(--ok);background:var(--tint);margin:12px 0;padding:8px 12px;font-size:14px}.error{border-left:3px solid var(--bad);background:var(--tint);font-size:14px;font-family:var(--mono);white-space:pre-wrap;margin:12px 0;padding:8px 12px}.progress{background:var(--rule);border-radius:3px;height:6px;margin:10px 0;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .2s}.verdict{border-left:4px solid var(--rule);background:var(--surface);border-top:1px solid var(--rule);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0 6px 6px 0;margin:18px 0;padding:14px 18px}.verdict .headline{font-family:var(--display);margin-bottom:6px;font-size:26px;line-height:1.15}.verdict.excellent,.verdict.good{border-left-color:var(--ok)}.verdict.unstable,.verdict.poor{border-left-color:var(--warn)}.verdict.failed{border-left-color:var(--bad)}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0;display:grid}.stat{background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:10px 12px}.stat .k{color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-family:var(--mono)}.stat .v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:20px}.stat .v small{color:var(--ink-2);margin-left:3px;font-size:12px}.tbl{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-top:1px solid var(--rule);vertical-align:top;padding:7px 10px}thead th{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border-top:0;border-bottom:1px solid var(--rule);font-size:11.5px;font-weight:500}td.n{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.pill{font-family:var(--mono);border:1px solid;border-radius:10px;padding:1px 7px;font-size:11px;display:inline-block}.pill.ok{color:var(--ok)}.pill.weak{color:var(--warn)}.pill.todo{color:var(--ink-2)}.pill.ready{color:var(--ok)}ul.spikes{margin:20px 0;padding:0;list-style:none}ul.spikes li{border-top:1px solid var(--rule);grid-template-columns:40px 1fr auto;align-items:baseline;gap:14px;padding:14px 0;display:grid}ul.spikes li:last-child{border-bottom:1px solid var(--rule)}ul.spikes .num{font-family:var(--mono);color:var(--ink-2)}ul.spikes .name{font-weight:600}ul.spikes .desc{color:var(--ink-2);margin-top:2px;font-size:14px}ol.steps{margin:16px 0 0;padding:0;list-style:none}ol.steps li{border-top:1px solid var(--rule);grid-template-columns:22px 200px 1fr;align-items:baseline;gap:10px;padding:6px 0;font-size:14px;display:grid}ol.steps li .mark{font-family:var(--mono);text-align:center;color:var(--ink-2)}ol.steps li.done .mark{color:var(--ok)}ol.steps li.failed .mark{color:var(--bad)}ol.steps li.active .mark{color:var(--accent)}ol.steps li.todo .label{color:var(--ink-2)}ol.steps li .detail{color:var(--ink-2);word-break:break-word;font-size:12.5px}@media (max-width:640px){ol.steps li{grid-template-columns:22px 1fr}ol.steps li .detail{grid-column:2}}.meter{margin:10px 0}.meter-row{grid-template-columns:110px 1fr 64px;align-items:center;gap:10px;display:grid}.meter-label{color:var(--ink-2);font-size:13px}.meter-bar{background:var(--rule);border-radius:7px;height:14px;position:relative;overflow:hidden}.meter-zones{background:linear-gradient(90deg,#0000 0 88%,#d9a43d59 88% 98%,#9e1f3a73 98% 100%);position:absolute;inset:0}.meter-fill{background:var(--ok);border-radius:7px;transition:width 60ms linear;position:absolute;top:0;bottom:0;left:0}.meter-peak{background:var(--ink);width:2px;transition:left 60ms linear;position:absolute;top:0;bottom:0}.meter-num{text-align:right}.meter-words{color:var(--ink-2);margin-top:4px}.meter-words.clip{color:var(--bad)}.meter-words.hot{color:var(--warn)}.strip{background:var(--paper);border:1px solid var(--rule);border-radius:4px;height:34px;margin:10px 0;position:relative;overflow:hidden}.strip.compact{height:22px}.strip-block{border-right:1px solid var(--rule);background:var(--tint);white-space:nowrap;align-items:center;padding:0 8px;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.strip-block:nth-child(2n){background:0 0}.strip-block.count-in{background:repeating-linear-gradient(45deg, transparent 0 4px, var(--rule) 4px 6px)}.strip-label{color:var(--ink-2);text-overflow:ellipsis;font-size:12px;overflow:hidden}.strip.compact .strip-label{font-size:10.5px}.strip-playhead{background:var(--accent);width:2px;position:absolute;top:0;bottom:0}.bigdisplay{text-align:center;padding:22px 12px}.bigdisplay .section{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:13px}.bigdisplay .barbeat{font-family:var(--display);font-variant-numeric:tabular-nums;margin:6px 0;font-size:clamp(56px,12vw,120px);line-height:1}.bigdisplay .hint{color:var(--ink-2)}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:12px 0 24px;display:grid}.cardlink{background:var(--surface);border:1px solid var(--rule);color:var(--ink);border-radius:6px;padding:16px 18px;text-decoration:none;display:block}.cardlink:hover{border-color:var(--ink-2)}.cardlink h4{margin:0 0 4px;font-size:16px}.cardlink .meta{color:var(--ink-2);font-size:13px}.cardlink .bar{background:var(--rule);border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.cardlink .bar>div{background:var(--ok);height:100%}.todo-list{margin:10px 0;padding:0;list-style:none}.todo-list li{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.todo-list li:last-child{border-bottom:1px solid var(--rule)}.todo-list .what{flex:1;min-width:200px}.btn-link{border:1px solid var(--accent);color:var(--accent);border-radius:4px;padding:7px 13px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.btn-link.primary{background:var(--accent);color:#fff}.btn-link:hover{filter:brightness(1.08)}button.big{padding:14px 26px;font-size:18px}details{margin:10px 0}summary{cursor:pointer;font-weight:500}pre{font-family:var(--mono);background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:12px;font-size:12.5px;overflow-x:auto}.warn{color:#d9a441;font-weight:600}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.wordmark{font-family:var(--display);letter-spacing:-.01em;color:var(--ink)}header.site .brand{align-items:center;display:inline-flex}.podium{max-width:520px;margin:0 auto}.podium .big-btn{border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:64px;margin:10px 0;font-size:19px;font-weight:600;display:flex}.podium .big-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.podium .big-btn.quiet{background:0 0}.podium .row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.podium .row .big-btn{margin:0}.podium .stems .track{padding:12px 10px;font-size:16px}.podium .stems .track .name{flex-basis:90px}.podium .stems .track .fader input[type=range]{width:72px}.podium .stems .track button{min-width:64px;min-height:44px;font-size:15px}.podium .strip{height:44px}.podium .strip.tappable{cursor:pointer}.podium .strip.tappable:active{outline:2px solid var(--accent)}.podium .sheet{background:var(--paper);border-top:1px solid var(--rule);width:min(100%,560px);padding:16px 16px calc(16px + env(safe-area-inset-bottom));z-index:20;border-radius:16px 16px 0 0;max-height:80vh;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -12px 40px #00000059}.podium .sheet .phrases{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.podium .sheet .phrases button{border-radius:10px;min-height:52px;font-size:15px}.podium .sheet .phrases button.on{background:var(--accent);border-color:var(--accent);color:#fff}.podium .pending{border:1px solid var(--rule);border-radius:12px;margin:10px 0;padding:12px 14px}.podium h1{font-size:34px}@media (max-width:640px){header.site{flex-wrap:wrap;gap:8px 14px;padding:10px 14px}header.site .sitenav{order:3;gap:14px;width:100%;display:flex;overflow-x:auto}main{padding:18px 14px 60px}.bigdisplay .barbeat{font-size:clamp(56px,22vw,120px)}}.tiles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.tile{aspect-ratio:16/9;background:#000;border-radius:6px;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%;display:block}.tile-label{font-family:var(--mono);color:#fff;background:#00000080;border-radius:4px;padding:2px 7px;font-size:12px;position:absolute;bottom:8px;left:8px}.strip-bar{pointer-events:none;border-left:1px solid #7f7f7f73;position:absolute;top:0;bottom:0}.strip-barnum{font-family:var(--mono);color:var(--muted);font-size:10px;position:absolute;bottom:2px;left:3px}.tiles.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.tiles.compact .tile-label{font-size:11px}.video-window{max-width:none}.video-window .tiles{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.wave{background:var(--tint);border-radius:4px;width:100%;margin:8px 0;position:relative;overflow:hidden}.wave.seekable{cursor:pointer}.wave.off canvas{opacity:.35}.wave-head{background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.stems .track .track-wave{grid-column:1/-1}.stems .track .track-wave .wave{background:0 0;margin:2px 0 0}.time-input{width:5.5ch;font:inherit;font-family:var(--mono);border:1px solid #0000;border-bottom-color:var(--rule);color:var(--ink);text-align:right;background:0 0;padding:1px 2px}.time-input:focus{border-color:var(--accent);background:var(--paper);outline:none}.settings{margin:10px 0 0}.settings>summary{cursor:pointer;color:var(--accent)}.stems .track{grid-template-columns:1fr auto auto auto}.stems .track.nested{background:0 0;border-style:dashed;margin-left:18px;padding:6px 10px}.stems .track.nested .name{font-size:13px;font-weight:400}.section-block{gap:4px;display:grid}.tile-more{text-align:center;color:var(--ink);background:var(--tint);cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:flex}.tile-more small{color:var(--muted);margin-top:4px;font-weight:400;display:block}
