:root{--ink:#0e1420;--surface:#161e2c;--surface-2:#1d2739;--line:#263349;--line-soft:#1f2a3d;--paper:#e8edf5;--paper-dim:#8ea0bd;--tally:#ff9e2c;--signal:#4fd1c5;--alarm:#f2616b;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r:6px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}button,input,select{font:inherit;color:inherit}.shell{background:var(--line-soft);grid-template-columns:minmax(320px,380px) 1fr;gap:1px;height:100%;display:grid}.rail,.stage{background:var(--ink);overflow-y:auto}@media (width<=900px){.shell{grid-template-columns:1fr;height:auto}.rail,.stage{overflow:visible}}.masthead{border-bottom:1px solid var(--line-soft);padding:22px 24px 18px}.wordmark{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper);margin:0;font-size:13px}.wordmark span{color:var(--tally)}.wordmark a{color:inherit;text-decoration:none}.masthead p{color:var(--paper-dim);margin:6px 0 0;font-size:13px}.block{border-bottom:1px solid var(--line-soft);padding:20px 24px}.block h2{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim);margin:0 0 14px;font-size:11px;font-weight:600}.field{margin-bottom:12px}.field label{color:var(--paper-dim);margin-bottom:5px;font-size:12px;display:block}.field input{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);width:100%;color:var(--paper);font-family:var(--mono);padding:9px 11px;font-size:13px}.field input::placeholder{color:#55647f}.field input:focus-visible{outline:2px solid var(--tally);outline-offset:1px;border-color:#0000}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn{background:var(--tally);color:#1a1206;border-radius:var(--r);cursor:pointer;border:none;width:100%;padding:10px 14px;font-size:14px;font-weight:650;transition:filter .12s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.btn-quiet{color:var(--paper-dim);border:1px solid var(--line);background:0 0;width:auto;padding:6px 12px;font-size:13px;font-weight:500}.btn-quiet:hover:not(:disabled){color:var(--paper);border-color:var(--paper-dim);filter:none}.btn-quiet-danger:hover:not(:disabled){color:var(--alarm);border-color:var(--alarm)}.btn-danger{background:var(--alarm);color:#1f070a;width:auto;padding:6px 16px;font-size:13px}.stage-actions{flex-shrink:0;align-items:flex-start;gap:8px;display:flex}.dialog{background:var(--surface);width:min(440px,100vw - 32px);color:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}.dialog::backdrop{background:#0009}.dialog h2{margin:0 0 10px;font-size:16px;font-weight:620}.dialog p{color:var(--paper-dim);overflow-wrap:anywhere;margin:0 0 10px;font-size:14px}.dialog strong{color:var(--paper)}.dialog .dialog-warning{color:var(--alarm);font-weight:620}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.notice{border-radius:var(--r);border:1px solid;margin-top:10px;padding:9px 11px;font-size:13px}.notice-error{color:#ffb3ba;background:#241419;border-color:#4a2530}.notice-action{color:#ffd9a3;background:#241a09;border-color:#5a3d14;margin-bottom:18px}.notice-action strong{color:var(--tally)}.sessions{margin:0;padding:0;list-style:none}.session{text-align:left;border:none;border-bottom:1px solid var(--line-soft);cursor:pointer;width:100%;color:inherit;box-sizing:border-box;background:0 0;border-left:2px solid #0000;padding:13px 24px;text-decoration:none;display:block}.session:hover{background:var(--surface)}.session[aria-current=true]{background:var(--surface);border-left-color:var(--tally)}.session:focus-visible{outline:2px solid var(--tally);outline-offset:-2px}.session-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.session-code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);color:var(--paper);font-size:13px;overflow:hidden}.session-meta{color:var(--paper-dim);font-size:12px;font-family:var(--mono);margin-top:3px}.empty{color:var(--paper-dim);padding:28px 24px;font-size:13px}.pill{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:3px;flex-shrink:0;padding:3px 7px;font-size:10px}.pill-live{color:var(--tally);background:#241a09;border-color:#5a3d14}.pill-work{color:var(--signal);background:#0f2422;border-color:#1f4a46}.pill-done{color:var(--paper-dim);border-color:var(--line);background:var(--surface)}.pill-fail{color:var(--alarm);background:#241419;border-color:#4a2530}.tally{background:var(--tally);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1.6s ease-in-out infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.track{grid-template-columns:repeat(5,1fr);gap:3px;margin:20px 0 28px;padding:0;list-style:none;display:grid}.stop{padding-top:14px;position:relative}.stop:before{content:"";background:var(--line);border-radius:2px;height:3px;position:absolute;top:0;left:0;right:0}.stop[data-state=past]:before{background:var(--signal)}.stop[data-state=now]:before{background:var(--tally);animation:1.6s ease-in-out infinite blink}.stop[data-state=fail]:before{background:var(--alarm)}.stop-name{color:var(--paper-dim);padding-right:10px;font-size:12px;line-height:1.35}.stop[data-state=now] .stop-name{color:var(--paper);font-weight:600}.stop[data-state=past] .stop-name{color:var(--paper-dim)}.stage-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 28px 0;display:flex}.stage-title{overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:620}.stage-sub{font-family:var(--mono);color:var(--paper-dim);margin:4px 0 0;font-size:12px}.stage-body{padding:0 28px 32px}video{border-radius:var(--r);border:1px solid var(--line);object-fit:contain;background:#000;width:100%;max-height:52vh;display:block}.stats{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;gap:22px;margin-bottom:20px;padding:14px 0 20px;display:flex}.stat-key{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#55647f;font-size:10px}.stat-val{font-family:var(--mono);margin-top:2px;font-size:14px}.turn{text-align:left;border-radius:0 var(--r) var(--r) 0;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;grid-template-columns:68px 1fr;gap:14px;width:100%;padding:8px 12px 8px 10px;display:grid}.turn:hover{background:var(--surface)}.turn[data-active=true]{background:var(--surface-2);border-left-color:var(--tally)}.turn:focus-visible{outline:2px solid var(--tally);outline-offset:-2px}.turn-time{font-family:var(--mono);color:#55647f;padding-top:2px;font-size:12px}.turn[data-active=true] .turn-time{color:var(--tally)}.turn-speaker{color:var(--signal);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.turn-text{font-size:14px;display:block}.live-transcript{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);max-height:460px;padding:8px 0;overflow-y:auto}.live-transcript .empty{margin:0;padding:14px 16px}.live-line{border-left:2px solid #0000;grid-template-columns:68px 1fr;gap:14px;padding:6px 12px 6px 10px;display:grid}.live-line .turn-time{font-family:var(--mono);color:#55647f;padding-top:2px;font-size:12px}.live-line[data-kind=assistant]{background:var(--surface-2);border-left-color:var(--tally)}.live-line[data-kind=assistant] .turn-speaker{color:var(--tally)}.live-line[data-kind=partial] .turn-text{color:var(--paper-dim);font-style:italic}.mode-badge{color:var(--ink);background:var(--tally);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.log{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);font-family:var(--mono);color:var(--paper-dim);white-space:pre-wrap;word-break:break-word;max-height:260px;margin:0;padding:12px 14px;font-size:12px;line-height:1.7;overflow-y:auto}.placeholder{color:var(--paper-dim);max-width:46ch;padding:64px 28px}.placeholder h2{color:var(--paper);margin:0 0 8px;font-size:17px;font-weight:600}.placeholder p{margin:0;font-size:14px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.live{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--r);background:#000;width:100%;max-height:52vh;display:block}.field-label{color:var(--paper-dim);margin-bottom:5px;font-size:12px;display:block}.choice{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.choice button{color:var(--paper-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:7px 10px;font-size:13px}.choice button[aria-checked=true]{background:var(--surface-2);color:var(--paper);font-weight:600}.choice button:focus-visible{outline:2px solid var(--tally);outline-offset:-2px}.hint{color:#55647f;margin:9px 0 0;font-size:12px;line-height:1.45}.login{background:var(--ink);justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.login-card{border:1px solid var(--line-soft);border-radius:var(--r);width:100%;max-width:360px;padding:28px 24px}.login-card p{color:var(--paper-dim);margin:8px 0 20px;font-size:13px}.login-card .notice{margin-bottom:12px}.masthead-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.link-quiet{color:var(--paper-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.link-quiet:hover{color:var(--paper)}
