:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{min-height:100svh}h1,h2{font-weight:600}p{margin:0}:root{--bg:#f7f3e8;--card:#fffdf7;--ink:#2b2417;--muted:#6f6549;--accent:#a1750a;--accent-strong:#8a6408;--green:#2e7d32;--green-bg:#e8f5e9;--red:#c62828;--red-bg:#ffebee;--border:#e6ddc6;--btn-bg:#fff;--btn-hover:#fffaf0;--shadow:0 2px 10px #50401414}@media (prefers-color-scheme:dark){:root{--bg:#201b12;--card:#2b2517;--ink:#f1ead8;--muted:#b0a486;--accent:#e0b23e;--accent-strong:#f0c25a;--green:#81c784;--green-bg:#1f3320;--red:#ef9a9a;--red-bg:#3a2020;--border:#4a4028;--btn-bg:#352e1d;--btn-hover:#403823;--shadow:0 2px 10px #00000059}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{max-width:640px;margin:0 auto;padding:1.5rem 1rem 3rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{font-family:inherit}button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.topbar{text-align:center}.topbar h1{letter-spacing:-.5px;margin:.25rem 0;font-size:2rem}.accent{color:var(--accent)}.tagline{color:var(--muted);margin:0 0 .75rem;font-size:.95rem}.controls{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.control-btn{background:var(--btn-bg);border:1px solid var(--border);color:var(--ink);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;transition:border-color .12s,background .12s}.control-btn:hover{border-color:var(--accent);background:var(--btn-hover)}.control-btn[aria-pressed=false]{color:var(--muted)}.share-note{color:var(--green);margin:-.5rem 0 .75rem;font-size:.85rem}.stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}@media (width<=430px){.stats{grid-template-columns:repeat(2,1fr);gap:.5rem}}.stat{background:var(--card);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:12px;padding:.75rem .5rem}.stat.bowl{background:linear-gradient(180deg, var(--card), var(--btn-hover))}.stat-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;display:block}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:.7rem;display:block}.quiz{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:1.5rem}.prompt{text-align:center;margin-bottom:1.25rem}.prompt-label{color:var(--muted);text-transform:capitalize;margin:0;font-size:.8rem}.word{overflow-wrap:anywhere;margin:.25rem 0 .75rem;font-size:clamp(1.6rem,8vw,2.4rem)}.speak-btn{background:var(--btn-bg);border:1px solid var(--accent);color:var(--accent);cursor:pointer;border-radius:999px;padding:.4rem 1rem;font-size:.9rem}.speak-btn:hover:not(:disabled){background:var(--btn-hover)}.speak-btn:disabled{opacity:.6;cursor:default}.choices{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.choice{text-align:left;background:var(--btn-bg);width:100%;color:var(--ink);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:.7rem;min-height:48px;padding:.9rem 1rem;font-size:1.05rem;transition:background .12s,border-color .12s;display:flex}.choice-key{border:1px solid var(--border);width:1.5rem;height:1.5rem;color:var(--muted);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:inline-flex}.choice:hover:not(:disabled){border-color:var(--accent);background:var(--btn-hover)}.choice:disabled{cursor:default}.choice.is-correct{border-color:var(--green);background:var(--green-bg);color:var(--green);font-weight:600}.choice.is-wrong{border-color:var(--red);background:var(--red-bg);color:var(--red)}.choice.is-correct .choice-key,.choice.is-wrong .choice-key{color:inherit;border-color:currentColor}.feedback{text-align:center;margin-top:1.25rem;animation:.18s ease-out fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.feedback{animation:none}*{transition:none!important}}.feedback .good{color:var(--green);font-weight:600}.feedback .bad{color:var(--red)}.level-shift{font-weight:400}.next-btn{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:10px;min-height:48px;margin-top:.6rem;padding:.7rem 1.5rem;font-size:1rem}.next-btn:hover{background:var(--accent-strong)}.kbd-tip{text-align:center;color:var(--muted);margin-top:.9rem;font-size:.8rem}.kbd-tip kbd{border:1px solid var(--border);background:var(--card);border-radius:4px;padding:0 .3rem;font-family:inherit}@media (hover:none) and (pointer:coarse){.kbd-tip{display:none}}.footer{text-align:center;color:var(--muted);margin-top:1.5rem;font-size:.85rem}.footer .hint{margin-top:.25rem;font-size:.8rem}.footer .error{color:var(--red);margin-top:.25rem}.about{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:10px;max-width:34rem;margin:1rem auto 0;padding:.6rem .9rem}.about summary{cursor:pointer;color:var(--ink);font-weight:600}.about ul{margin:.5rem 0 .25rem;padding-left:1.2rem}.about li+li{margin-top:.35rem}.reset-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;margin-top:1rem;padding:.35rem 1rem;font-size:.8rem}.reset-btn:hover{border-color:var(--red);color:var(--red)}.disclaimer{opacity:.8;margin-top:.75rem;font-size:.75rem}