:root{--bg:#fbfaf7;--surface:#fff;--surface-2:#f4f1eb;--ink:#211e1a;--ink-2:#5c564d;--ink-3:#8a8378;--line:#e4dfd6;--accent:#a63a22;--accent-soft:#f6e8e3;--gold:#b77a16;--gold-soft:#f7eed9;--good:#2e6b3f;--good-soft:#e6f0e8;--warn:#8a5a10;--shadow:0 1px 3px rgba(33,30,26,.07);--radius:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#191817;--surface:#201f1d;--surface-2:#262421;--ink:#ece8e1;--ink-2:#b5afa4;--ink-3:#837d72;--line:#363330;--accent:#e07a5a;--accent-soft:#3a2822;--gold:#d9a441;--gold-soft:#363021;--good:#7fb98e;--good-soft:#24302a;--warn:#d9a441;--shadow:0 1px 3px rgba(0,0,0,.4)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.wrap{max-width:720px;margin:0 auto;padding:0 20px 80px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;min-height:48px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}.pill{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:600}.pill-green{background:var(--good-soft);color:var(--good)}.pill-gold{background:var(--gold-soft);color:var(--gold)}.pill-red{background:var(--accent-soft)}.kn,.pill-red{color:var(--accent)}.kn{font-weight:600}.ring{--pct:0;width:168px;height:168px;place-items:center;margin:0 auto;background:conic-gradient(var(--ring-colour,var(--accent)) calc(var(--pct) * 1%),var(--surface-2) 0);transition:--pct .4s ease-out}.ring,.ring-inner{border-radius:50%;display:grid}.ring-inner{width:138px;height:138px;background:var(--surface);place-items:center;font-size:34px;font-weight:700}.ring-live{transition:none}.ring-live .ring-inner{transform:scale(calc(1 + var(--level, 0) * .05));transition:transform 90ms linear}.mic-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:24px;margin-top:8px}.mic-bar{width:4px;border-radius:2px;background:var(--good);transition:height 90ms linear}@media (prefers-reduced-motion:reduce){.ring{transition:none}.ring-live .ring-inner{transform:none}}