*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f7fb;--card:#fff;--text:#1c2333;--muted:#6b7280;--primary:#4f46e5;--primary-dark:#4338ca;--green:#16a34a;--red:#dc2626;--border:#e5e7eb}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.container{max-width:640px;margin:0 auto;padding:24px 16px 64px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:16px;border-bottom:1px solid var(--border)}.topbar a{color:var(--primary);text-decoration:none;font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.btn{display:inline-block;border:none;border-radius:10px;padding:12px 20px;font-size:16px;font-weight:600;cursor:pointer;background:var(--primary);color:#fff;transition:background .15s}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:#eef2ff;color:var(--primary)}.btn.full,.input{width:100%}.input{padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:16px;margin-bottom:12px}.input:focus{outline:2px solid var(--primary);border-color:transparent}.error{color:var(--red);margin:8px 0}.error,.muted{font-size:14px}.muted{color:var(--muted)}.center{text-align:center}.hanzi-big{font-size:96px}.hanzi-big,.hanzi-mid{line-height:1.2;text-align:center;margin:8px 0}.hanzi-mid{font-size:64px}.card-relative{position:relative}.pinyin-top{font-size:40px;font-weight:700;color:var(--primary);letter-spacing:1px;margin:12px 0 0}.tts-corner{position:absolute;top:16px;right:16px}.tts-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:999px;background:#eef2ff;color:var(--primary);cursor:pointer;transition:background .15s;padding:0}.tts-btn:hover{background:#e0e7ff}.tts-btn .speaking{animation:tts-pulse .8s ease-in-out infinite}@keyframes tts-pulse{0%,to{opacity:1}50%{opacity:.5}}.hanviet{font-size:20px;font-weight:600;color:var(--primary)}.hanviet,.nghia{text-align:center}.nghia{font-size:18px;margin:8px 0 16px}.radical{background:#f9fafb;border:1px solid var(--border);border-radius:12px;padding:14px;font-size:15px;line-height:1.7;color:#374151}.choices{display:flex;flex-direction:column;gap:12px;margin-top:16px}.choice{padding:14px;border:2px solid var(--border);border-radius:12px;background:#fff;font-size:16px;cursor:pointer;text-align:left;transition:border-color .1s}.choice:hover{border-color:var(--primary)}.choice.correct{border-color:var(--green);background:#f0fdf4}.choice.wrong{border-color:var(--red);background:#fef2f2}.progress-track{height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin:12px 0}.progress-fill{height:100%;background:var(--primary);transition:width .2s}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:16px 0}.stat{background:#f9fafb;border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center}.stat .num{font-size:28px;font-weight:700;color:var(--primary)}.stat .label{font-size:13px;color:var(--muted)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600;background:#eef2ff;color:var(--primary)}.countdown{font-size:56px;font-weight:700;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:16px 0}