:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f5f0;--card:#fff;--text:#23211c;--muted:#6f6a5e;--accent:#2f6f4f;--accent-text:#fff;--border:#ddd8cc;--ok:#2f6f4f;--no:#a33f2e}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1d1c19;--card:#262521;--text:#ece8de;--muted:#a39d8e;--accent:#6fbf94;--accent-text:#14261d;--border:#3a3831;--ok:#6fbf94;--no:#e08a76}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{text-align:center;max-width:34rem;margin:0 auto;padding:2.5rem 1.25rem}h1{margin:0 0 1.5rem;font-size:1.5rem}.modes{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}button{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem}button:hover{border-color:var(--accent)}.modes button.active,button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}.card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.75rem 1.5rem}.prompt{margin:0 0 .35rem;font-size:1.35rem;font-weight:600}.hint{color:var(--muted);margin:0 0 1.25rem;font-size:.9rem}input{font:inherit;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);text-align:center;border-radius:.5rem;padding:.6rem .8rem;font-size:1.15rem}input:focus{outline:2px solid var(--accent);border-color:#0000}.keyboard{flex-direction:column;gap:.4rem;margin-top:.85rem;display:flex}.keys{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.keys button{min-width:2.6rem;padding:.55rem 0;font-size:1.1rem;font-weight:600}.actions{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.feedback{margin-top:1.25rem;font-size:1.05rem}.feedback p{margin:.25rem 0}.feedback.ok{color:var(--ok)}.feedback.no{color:var(--no)}.score{color:var(--muted);margin-top:1.5rem;font-size:.9rem}