:root{--pacific-deep:#0b1f35;--glacier:#00c5d1;--alpine:#f3f5ee;--ember:#e85b25;--ember-ink:#b8421a;--fog:#9ab0ab;--off-black:#0d1f2d;--ok:#1e7a4c;--line:#0d1f2d1f;--font-body:Outfit, ui-sans-serif, system-ui, sans-serif;--font-utility:"Space Grotesk", ui-monospace, monospace;--radius:10px;--gutter:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--alpine);min-height:100%;color:var(--off-black);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:2px solid var(--pacific-deep);outline-offset:2px}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{padding:10px var(--gutter);background:var(--pacific-deep);color:var(--alpine);z-index:10;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-utility);letter-spacing:.12em;font-weight:700}.tabs{gap:4px;margin-left:auto;display:flex}.tabs a{color:var(--alpine);border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.tabs a[aria-current=page]{background:var(--glacier);color:var(--pacific-deep);font-weight:600}main{flex-direction:column;flex:1;display:flex}.page{width:100%;max-width:1100px;padding:var(--gutter);flex-direction:column;gap:16px;margin:0 auto;display:flex}h1{margin:0;font-size:22px}h2{margin:0 0 8px;font-size:17px}p{margin:0;line-height:1.5}.muted{color:#5a6b70;font-size:14px}button,.button{font:inherit;border:1px solid var(--pacific-deep);background:var(--pacific-deep);color:var(--alpine);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-flex}button.secondary,.button.secondary{color:var(--pacific-deep);background:0 0}button.danger{color:var(--ember-ink);border-color:var(--ember-ink);background:0 0}button:disabled{opacity:.4;cursor:default}input,select,textarea{font:inherit;border:1px solid var(--line);color:inherit;background:#fff;border-radius:8px;min-width:0;padding:7px 9px;font-size:15px}label{color:#35474d;flex-direction:column;gap:4px;font-size:13px;display:flex}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.pill{color:var(--pacific-deep);font-size:12px;font-family:var(--font-utility);background:#e7ece9;border-radius:999px;padding:2px 8px;display:inline-block}.pill.live{color:var(--ok);background:#d5f3e2}.pill.draft{color:var(--ember-ink);background:#fde8dd}.notice{border-left:3px solid var(--ember);background:#fff6f1;border-radius:0 8px 8px 0;padding:10px 12px;font-size:14px}.notice.good{border-color:var(--ok);background:#eef9f2}.problems{margin:6px 0 0;padding-left:18px;font-size:14px}.problems li{margin-bottom:6px}.fix{color:#5a6b70;display:block}pre.report{font-family:var(--font-utility);white-space:pre-wrap;margin:6px 0 0;font-size:12px}.stage{aspect-ratio:3/4;border-radius:var(--radius);background:#000;width:100%;max-height:78dvh;position:relative;overflow:hidden}@media (min-width:800px){.stage{aspect-ratio:4/3}}.stage video,.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage video{object-fit:cover}.stage .mirrored{transform:scaleX(-1)}.stage canvas{pointer-events:none}.stage-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.stage-status{color:var(--alpine);background:#0b1f35c7;border-radius:999px;margin-right:auto;padding:6px 12px;font-size:13px}.stage-start{color:var(--alpine);text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.stage-start button{background:var(--glacier);border-color:var(--glacier);color:var(--pacific-deep);font-weight:600}.viewer{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--line);width:100%;position:relative;overflow:hidden}.viewer canvas{width:100%;height:100%;position:absolute;inset:0}.two-col{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:900px){.two-col{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}}table.frames{border-collapse:collapse;width:100%;font-size:14px}table.frames th,table.frames td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 6px}.readings{grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(60px,1fr));align-items:center;gap:6px 8px;font-size:14px;display:grid}.readings .why{color:#5a6b70;grid-column:1/-1;margin-top:-4px;font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button[aria-pressed=true]{background:var(--glacier);border-color:var(--glacier);color:var(--pacific-deep)}details>summary{cursor:pointer;font-weight:600}