:root{color-scheme:light;--bg: #f3f3f3;--panel: #ffffff;--text: #1e1e1e;--muted: #616161;--accent: #007acc;--ok: #2e7d32;--bad: #c62828;--border: #d4d4d4}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{width:min(980px,92vw);margin:2rem auto 4rem;display:grid;gap:1rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem;box-shadow:0 6px 18px #00000014}.trainer{position:relative;overflow:hidden}.correct-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#ffffffeb;color:#0b6a0f;font-size:clamp(2rem,8vw,4rem);font-weight:800;letter-spacing:.04em;z-index:3;text-align:center;padding:1rem}h1,h2,h3,h4,p{margin:.2rem 0}.badges{margin-top:.6rem;display:flex;gap:.6rem;flex-wrap:wrap}.badge{font-size:.86rem;border:1px solid #b9c8d8;border-radius:999px;padding:.25rem .65rem;color:#24415f;background:#eef6ff}.word-wrap{text-align:center;margin-bottom:.8rem}.label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}#wordDisplay{font-size:clamp(2rem,5vw,3rem);line-height:1.2}.muted{color:var(--muted);font-size:.9rem}.example{min-height:1.4rem;margin-top:.35rem;color:#2a2a2a}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}button{border:0;border-radius:12px;padding:.85rem .7rem;font-weight:700;font-size:1rem;cursor:pointer}.choice{background:#f7f7f7;color:#1e1e1e;border:1px solid var(--border)}.choice:disabled{opacity:.55;cursor:default}.choice.correct{background:#eaf6ea;border-color:#8fc18f}.choice.wrong{background:#fdecec;border-color:#e3a9a9}.feedback{min-height:1.5rem;margin-top:.75rem}.mnemonic{margin:.35rem 0;color:#2d5a1d;font-weight:600}.tiny{padding:.35rem .6rem;border-radius:8px;font-size:.85rem;border:1px solid var(--border);background:#f8f8f8}.tiny.primary{background:#007acc;color:#fff;border-color:#007acc}.tiny.active{background:#e9f4ff;border-color:#7bbcf0}.auth-logo{display:flex;justify-content:center;margin:1rem 0}.auth-logo img{width:120px;height:120px}.auth-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.auth-grid{display:grid;gap:.45rem;margin-top:.4rem}input{border:1px solid var(--border);border-radius:8px;padding:.55rem .6rem;font-size:.95rem}.remember{font-size:.9rem;color:var(--muted)}.chart-wrap{margin:.7rem 0 1rem}.chart-row{display:grid;grid-template-columns:120px 1fr 70px;align-items:center;gap:.5rem;margin-bottom:.35rem}.bar-bg{height:10px;border-radius:999px;background:#ececec;overflow:hidden}.bar{height:100%;background:#2e7d32}.bar.bad{background:#c62828}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}ul{list-style:none;margin:.35rem 0 0;padding:0}li{padding:.25rem 0;border-bottom:1px dashed #d7d7d7;font-size:.94rem}.mistakes li strong{color:#9c6a00}.ending-groups{margin-top:.8rem;border-top:1px solid var(--border);padding-top:.7rem}.ending-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.ending-column{background:#fafafa;border:1px solid var(--border);border-radius:10px;padding:.5rem}h5{margin:.2rem 0}.brand{display:flex;align-items:center;gap:.6rem}.brand-logo{width:40px;height:40px}@media(max-width:620px){.app{width:95vw}.choices,.ending-columns,.chart-row{grid-template-columns:1fr}}