:root{--bg:#f6f7f9;--surface:#ffffff;--border:#e2e5ea;--text:#14181f;--muted:#626b7a;--accent:#16785f;--accent-contrast:#ffffff;--warn:#b06b00;--danger:#b0243a;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#10131a;--surface:#171b24;--border:#262c38;--text:#e7ebf2;--muted:#98a2b3;--accent:#2ea27f;--accent-contrast:#06110d;--warn:#e0a33c;--danger:#ef7183}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.05rem;margin:0 0 .75rem}.muted{color:var(--muted);margin:.25rem 0;font-size:.875rem}.page{max-width:760px;margin:0 auto;padding:2rem 1.25rem 4rem;display:grid;grid-gap:1.25rem;gap:1.25rem}.page-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between}.page-header-right{display:flex;align-items:center;gap:.75rem}.centered{min-height:100dvh;display:grid;place-items:center;padding:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-card{width:min(380px,100%);display:grid;grid-gap:.5rem;gap:.5rem}label{font-size:.8125rem;font-weight:600;margin-top:.5rem}input{font:inherit;padding:.6rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button{font:inherit;font-weight:600;padding:.55rem .95rem;border-radius:8px;border:1px solid transparent;background:var(--accent);color:var(--accent-contrast);cursor:pointer}.button:disabled{opacity:.6;cursor:progress}.button-ghost{background:transparent;border-color:var(--border);color:var(--text)}.error,.notice{border-radius:8px;padding:.6rem .75rem;font-size:.875rem;margin:.25rem 0}.notice{background:color-mix(in srgb,var(--warn) 14%,transparent);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent)}.error{background:color-mix(in srgb,var(--danger) 14%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.countdown{min-width:132px;padding:.4rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);display:grid;grid-gap:.2rem;gap:.2rem}.countdown-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.countdown-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.countdown-track{height:3px;border-radius:999px;background:var(--border);overflow:hidden}.countdown-fill{height:100%;background:var(--accent);transition:width 1s linear}.countdown-warn .countdown-fill,.countdown-warn .countdown-value{color:var(--warn);background-color:var(--warn)}.countdown-warn .countdown-value{background:none}.countdown-danger .countdown-value{color:var(--danger)}.countdown-danger .countdown-fill{background:var(--danger)}@media (prefers-reduced-motion:reduce){.countdown-fill{transition:none}}.session-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.session-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid var(--border)}.session-list li:first-child{border-top:none}.pill{margin-left:.5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;padding:.1rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.steps{margin:0;padding-left:1.1rem;display:grid;grid-gap:.35rem;gap:.35rem;color:var(--muted);font-size:.9rem}.idle-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:1.25rem;max-width:380px;box-shadow:0 20px 50px rgb(0 0 0/.25)}.idle-dialog::-webkit-backdrop{background:rgb(0 0 0/.45)}.idle-dialog::backdrop{background:rgb(0 0 0/.45)}.idle-dialog p{color:var(--muted);font-size:.9rem}.idle-dialog-actions{display:flex;gap:.5rem;margin-top:1rem}