:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f3f4f6;--surface:#fff;--text:#17202b;--muted:#5d6875;--border:#d5dae0;--primary:#1f5fbf;--primary-text:#fff;--danger:#b3261e;--notice-bg:#fff4d6;--notice-text:#5c4300}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14181d;--surface:#1e242b;--text:#e8ecf0;--muted:#9aa5b1;--border:#38424d;--primary:#5b9bf0;--primary-text:#0d1520;--danger:#ef7a72;--notice-bg:#3d3216;--notice-text:#f4dfa3}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}h1{margin:0;font-size:22px}.center{place-items:center;min-height:100%;padding:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:28px;display:flex}.card p{margin:0}.muted{color:var(--muted)}.notice{background:var(--notice-bg);color:var(--notice-text);border-radius:6px;padding:10px 12px}form{flex-direction:column;gap:10px;display:flex}label{font-weight:600}input{color:inherit;border:1px solid var(--border);letter-spacing:.06em;font-variant-numeric:tabular-nums;background:0 0;border-radius:6px;padding:10px 12px;font-size:22px}button,.button{color:inherit;border:1px solid var(--border);font:inherit;text-align:center;cursor:pointer;background:0 0;border-radius:6px;padding:8px 14px;text-decoration:none}button:disabled{opacity:.5;cursor:default}.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text);font-weight:600}.danger{border-color:var(--danger);color:var(--danger)}.link{color:var(--muted);border:0}.session{flex-direction:column;height:100%;display:flex;position:relative}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.spacer{flex:1}.sas b{font-variant-numeric:tabular-nums;font-size:17px}.screen{background:#000;outline:none;flex:1;min-height:0}.screen:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}video{object-fit:contain;width:100%;height:100%;display:block}.overlay{color:#fff;pointer-events:none;background:#0009;place-items:center;font-size:18px;display:grid;position:absolute;inset:52px 0 0}
