:root{--bg:#fff1f6;--fg:#2b1b3d;--card:#fff;--pink:#f2336d;--yel:#ffd23f;--mut:#7a6a8c;--ok:#0f9d78;--bad:#d6334b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1e1230;--fg:#fff0f6;--card:#2e1e45;--mut:#b7a6cc;--ok:#3ddcae;--bad:#ff6b81}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;line-height:1.4}.wrap{max-width:520px;margin:0 auto;padding:28px 20px 48px}h1{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(2.1rem,9vw,3.2rem);font-weight:800;line-height:1}h2{margin:8px 0 18px;font-size:1.5rem;font-weight:800;line-height:1.15}p{color:var(--mut);margin:0 0 18px}input{width:100%;font:inherit;border:2px solid color-mix(in srgb, var(--fg) 18%, transparent);background:var(--card);color:var(--fg);border-radius:14px;margin-bottom:12px;padding:14px 16px}input:focus,button:focus-visible{outline:3px solid var(--yel);outline-offset:2px}.btn{font:inherit;background:var(--pink);color:#fff;cursor:pointer;border:0;border-radius:999px;margin:0 8px 10px 0;padding:14px 24px;font-weight:700}.btn.alt{background:var(--yel);color:#2b1b3d}.btn.small{padding:9px 15px;font-size:.9rem}.btn:disabled{opacity:.4;cursor:default}.opt{text-align:left;width:100%;font:inherit;border:2px solid color-mix(in srgb, var(--fg) 18%, transparent);background:var(--card);color:var(--fg);cursor:pointer;border-radius:14px;margin-bottom:10px;padding:14px 16px;display:block}.opt.ok{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 18%, var(--card))}.opt.bad{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 15%, var(--card))}.bar{background:color-mix(in srgb, var(--fg) 14%, transparent);border-radius:9px;height:6px;margin-bottom:22px}.bar i{background:var(--pink);border-radius:9px;height:100%;display:block}.score{background:var(--yel);color:#2b1b3d;border-radius:24px;margin-bottom:20px;padding:26px 22px}.score b{letter-spacing:-.04em;font-size:4.4rem;font-weight:800;line-height:1;display:block}.score span{font-size:1.4rem;font-weight:800}.miss{color:var(--mut);margin:0 0 8px;font-size:.95rem}.sep{background:color-mix(in srgb, var(--fg) 16%, transparent);height:1px;margin:26px 0}small{color:var(--mut)}.chips{flex-wrap:wrap;gap:8px;margin:6px 0 16px;display:flex}.chip{font:inherit;border:2px solid color-mix(in srgb, var(--fg) 18%, transparent);background:var(--card);color:var(--fg);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.9rem;font-weight:700}.chip.on{background:var(--pink);border-color:var(--pink);color:#fff}.note{margin-top:10px;font-size:.85rem}.error{color:var(--bad);font-weight:700}