:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1a1a1a;--card:#f3f3f5;--accent:#c8102e;--good:#1b7f3b;--bad:#b00020;--line:#c9c9d0}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--fg:#eee;--card:#1e1e22;--good:#5fd38a;--bad:#ff8a9a;--line:#444}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:640px;margin:0 auto;padding:16px}h1{font-size:1.6rem}h2{font-size:1.2rem}button{width:100%;font:inherit;text-align:left;color:var(--fg);background:var(--card);border:2px solid var(--line);cursor:pointer;border-radius:10px;margin:8px 0;padding:14px;display:block}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;text-align:center;font-weight:600}button.picked,button.right{border-color:var(--good)}button.wrong{border-color:var(--bad)}button.picked{background:color-mix(in srgb, var(--good) 15%, var(--card))}button.link{background:0 0;border:0;width:auto;padding:8px 0;text-decoration:underline}.row{gap:8px;display:flex}.row button{text-align:center}.bar{justify-content:space-between;font-weight:600;display:flex}.warn{color:var(--bad)}.dots{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.dot{text-align:center;margin:0;padding:6px 0;font-size:.8rem}.dot.on{background:var(--good);color:#fff}.dot.cur{border-color:var(--accent)}.pass{color:var(--good)}.fail{color:var(--bad)}.good{color:var(--good)}.bad{color:var(--bad)}.card{background:var(--card);border-radius:10px;margin:12px 0;padding:12px}