:root{--bg:#fff;--fg:#0d1512;--muted:#4a5752;--brand:#0b3d2e;--brand-fg:#fff;--danger:#a3141c;--border:#c9d3cf;--notice-bg:#eef5f1;--alert-bg:#fdecec;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1512;--fg:#f2f6f4;--muted:#b4c1bc;--brand:#4fd1a1;--brand-fg:#04130d;--danger:#ff8a8f;--border:#33423c;--notice-bg:#16241e;--alert-bg:#3a1416}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;line-height:1.5}.page{max-width:40rem;margin:0 auto;padding:24px 16px 48px}h1{margin:0 0 8px;font-size:1.75rem}h2{margin:24px 0 8px;font-size:1.25rem}.lead{font-size:1.125rem}.muted{color:var(--muted)}.notice{background:var(--notice-bg);border-radius:var(--radius);padding:12px 16px}.alert{background:var(--alert-bg);border-radius:var(--radius);padding:12px 16px;font-weight:600}.stack{flex-direction:column;gap:12px;margin:16px 0;display:flex}.row{flex-wrap:wrap;gap:8px;display:flex}label{flex-direction:column;gap:4px;font-weight:600;display:flex}input{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-height:44px;color:var(--fg);padding:8px 12px}.button{border:2px solid var(--brand);border-radius:var(--radius);background:var(--brand);min-width:44px;min-height:44px;color:var(--brand-fg);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex}.button.secondary{color:var(--brand);background:0 0}.button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.button.big{min-height:64px;font-size:1.25rem}.button.small{min-height:44px;padding:6px 12px;font-size:.95rem}.button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--brand);outline-offset:2px}a{color:var(--brand)}.recording{color:var(--danger);font-weight:800}.readout{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;display:grid}.readout div{border:1px solid var(--border);border-radius:var(--radius);padding:12px}.readout dt{color:var(--muted);font-size:.9rem}.readout dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.75rem;font-weight:800}.traces{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.traces li{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:12px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}