:root{--bg: #0d1117;--bg-2: #161b22;--card: #1c2330;--card-2: #232b3a;--text: #e6edf3;--muted: #97a3b6;--brand: #1f6feb;--brand-2: #388bfd;--good: #3fb950;--bad: #f85149;--hl: #ffd33d;--radius: 18px;--shadow: 0 8px 30px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 50% -10%,#1a2440,var(--bg));color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.app{min-height:100%;display:flex;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.screen{width:100%;max-width:560px;display:flex;flex-direction:column;gap:20px}.btn{border:none;border-radius:14px;padding:16px 22px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:transform .05s ease,filter .15s ease,background .15s ease;min-height:56px}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(180deg,var(--brand-2),var(--brand));color:#fff}.btn-ghost{background:var(--card-2);color:var(--text)}.text-input{width:100%;background:var(--bg-2);border:2px solid #30394a;color:var(--text);border-radius:14px;padding:16px 18px;font-size:1.5rem;outline:none;transition:border-color .15s ease}.text-input:focus{border-color:var(--brand-2)}.text-input:disabled{opacity:.6}.brand{text-align:center;margin-top:12px}.brand h1{font-size:2.6rem;margin:0;letter-spacing:-.02em;background:linear-gradient(90deg,var(--brand-2),#7ee0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);margin:6px 0 0}.picker-title{margin:0;font-size:1.3rem}.profile-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.profile-card{display:flex;align-items:stretch;gap:8px}.profile-main{flex:1;display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid #2a3446;border-radius:var(--radius);padding:14px 16px;color:var(--text);cursor:pointer;text-align:left}.profile-avatar{font-size:2rem}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:1.25rem;font-weight:700}.profile-sub{color:var(--muted);font-size:.95rem}.profile-delete{background:var(--card);border:1px solid #2a3446;color:var(--muted);border-radius:var(--radius);width:52px;font-size:1.1rem;cursor:pointer}.profile-empty,.sparkline-empty{color:var(--muted);text-align:center;padding:12px}.new-profile{display:flex;flex-direction:column;gap:12px;margin-top:4px}.game{gap:24px}.hud{display:flex;flex-direction:column;gap:12px}.tier{background:var(--card);border:1px solid #2a3446;border-radius:var(--radius);padding:14px 16px}.tier-head{display:flex;justify-content:space-between;align-items:baseline}.tier-name{font-weight:700;font-size:1.1rem}.tier-emoji{font-size:1.2rem}.tier-rating{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.3rem}.tier-bar{height:10px;background:var(--bg-2);border-radius:999px;overflow:hidden;margin:10px 0 8px}.tier-bar-fill{height:100%;background:linear-gradient(90deg,var(--brand-2),#7ee0ff);transition:width .4s ease}.tier-foot{color:var(--muted);font-size:.9rem}.hud-row{display:flex;justify-content:space-between;align-items:center}.streak{font-size:1.2rem;font-weight:700}.btn-end{min-height:44px;padding:10px 16px;font-size:1rem}.play-area{display:flex;flex-direction:column;gap:20px;align-items:center;background:var(--card);border:1px solid #2a3446;border-radius:24px;padding:28px 22px;box-shadow:var(--shadow)}.listen-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(180deg,var(--brand-2),var(--brand));color:#fff;border:none;border-radius:999px;width:170px;height:170px;font-size:1.3rem;font-weight:800;cursor:pointer;box-shadow:0 10px 30px #1f6feb73;transition:transform .08s ease}.listen-btn:active{transform:scale(.96)}.listen-btn:disabled{opacity:.6}.listen-icon{font-size:3rem}.listen-btn.is-playing{animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.answer-form{width:100%;display:flex;flex-direction:column;gap:12px}.answer-input{text-align:center;letter-spacing:.02em}.feedback{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;animation:pop .2s ease}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.feedback-verdict{font-size:1.5rem;font-weight:800}.is-correct .feedback-verdict{color:var(--good)}.is-wrong .feedback-verdict{color:var(--hl)}.feedback-word{font-size:2.4rem;font-weight:800;letter-spacing:.03em}.feedback-word .hl{color:var(--hl);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.feedback-your{color:var(--muted)}.your-answer{color:var(--bad);text-decoration:line-through}.feedback-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.delta{font-weight:800;font-size:1.2rem;font-variant-numeric:tabular-nums}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.speed-note{color:var(--muted)}.feedback-hint{color:var(--muted);text-align:center;margin:0}.btn-next{margin-top:6px;align-self:stretch}.summary h2{text-align:center;margin:8px 0 0}.summary-hero{background:var(--card);border:1px solid #2a3446;border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px}.summary-rating{display:flex;align-items:baseline;gap:12px}.summary-emoji{font-size:2rem}.summary-number{font-size:2.6rem;font-weight:800;font-variant-numeric:tabular-nums}.summary-change{font-size:1.3rem;font-weight:800}.summary-change.up{color:var(--good)}.summary-change.down{color:var(--bad)}.summary-stats{display:flex;gap:12px}.stat{flex:1;background:var(--card);border:1px solid #2a3446;border-radius:var(--radius);padding:16px;text-align:center}.stat-value{display:block;font-size:1.8rem;font-weight:800}.stat-label{color:var(--muted)}.mastery{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid #2a3446;border-radius:var(--radius);padding:16px}.mastery-row{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:12px}.mastery-label{font-weight:600}.mastery-bar{height:12px;background:var(--bg-2);border-radius:999px;overflow:hidden}.mastery-fill{height:100%;background:linear-gradient(90deg,var(--good),#7ee0ff)}.mastery-pct{font-variant-numeric:tabular-nums;color:var(--muted)}.summary-actions{display:flex;flex-direction:column;gap:12px}.sparkline{width:100%;max-width:320px;height:auto}