:root{--color-bg: #1a1a2e;--color-text: #eee;--color-correct: #2e7d32;--color-wrong: #c62828;--color-card: #24243e}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,sans-serif}.training-screen{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;min-height:100vh}.score-board{display:flex;gap:2rem;font-size:1.1rem}.mode-toggle{display:flex;gap:.5rem}.mode-toggle button{padding:.4rem 1.2rem;border:1px solid var(--color-card);border-radius:2rem;background:transparent;color:var(--color-text);cursor:pointer;font-size:.95rem}.mode-toggle button.active{background:var(--color-card)}.sound-card{display:flex;align-items:center;justify-content:center;padding:3rem 6rem;background:var(--color-card);color:var(--color-text);border:none;border-radius:1rem;cursor:pointer;transition:background .15s}.sound-card:hover{background:#32325a}.letter-display{font-size:10rem;line-height:1;padding:2rem 4rem;background:var(--color-card);border-radius:1rem}.choices{display:flex;gap:1rem}.choice{min-width:8rem;padding:1rem 1.5rem;font-size:1.4rem;border:none;border-radius:.75rem;background:var(--color-card);color:var(--color-text);cursor:pointer;transition:background .15s}.choice:hover:not(:disabled){background:#32325a}.choice:disabled{cursor:default}.choice--glyph{font-size:2.6rem}.choice--correct{background:var(--color-correct)}.choice--wrong{background:var(--color-wrong)}