:root{--bg:#fff;--bg-raised:#f8fafc;--text:#64748b;--text-strong:#0f172a;--border:#e2e8f0;--card-bg:#fff;--card-shadow:0 1px 3px #0000000a, 0 8px 32px #0000000f;--accent:#7c3aed;--accent-bg:#7c3aed12;--accent-border:#7c3aed40;--overlay:#0f172a73;--modal-bg:#fff;--input-bg:#f8fafc;--success:#16a34a;--warning:#ea580c;--danger:#dc2626;--info:#2563eb;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-chinese:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-mono:ui-monospace, "SF Mono", Consolas, monospace;--radius:10px;--radius-sm:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0c0e14;--bg-raised:#151821;--text:#8b95a8;--text-strong:#e2e8f0;--border:#1e2433;--card-bg:#151821;--card-shadow:0 1px 3px #0003, 0 8px 32px #00000040;--accent:#a78bfa;--accent-bg:#a78bfa1a;--accent-border:#a78bfa40;--overlay:#0009;--modal-bg:#151821;--input-bg:#1a1f2e}}:root[data-theme=dark]{--bg:#0c0e14;--bg-raised:#151821;--text:#8b95a8;--text-strong:#e2e8f0;--border:#1e2433;--card-bg:#151821;--card-shadow:0 1px 3px #0003, 0 8px 32px #00000040;--accent:#a78bfa;--accent-bg:#a78bfa1a;--accent-border:#a78bfa40;--overlay:#0009;--modal-bg:#151821;--input-bg:#1a1f2e}:root[data-design=ink],:root[data-design=ink][data-theme=dark]{--bg:#f3eede;--bg-raised:#ebe3cc;--text:#4a4338;--text-strong:#1a1612;--border:#c8bda0;--card-bg:#faf5e6;--card-shadow:0 1px 0 #1a16120f, 0 18px 40px #1a161214;--accent:#c0392b;--accent-bg:#c0392b14;--accent-border:#c0392b59;--overlay:#1a16128c;--modal-bg:#faf5e6;--input-bg:#f3eede;--success:#4a6b1f;--warning:#b37200;--danger:#a3221a;--info:#25556b;--font-sans:"Fraunces", "Iowan Old Style", Georgia, serif;--font-chinese:"Noto Serif SC", "Songti SC", "STSong", serif;--radius:2px;--radius-sm:2px}:root[data-design=sakura],:root[data-design=sakura][data-theme=dark]{--bg:#fff5f7;--bg-raised:#ffe9ee;--text:#8b5a6b;--text-strong:#4a1f33;--border:#f5cbd8;--card-bg:#fff;--card-shadow:0 1px 2px #b450780f, 0 18px 40px #dc648c1f;--accent:#d4567f;--accent-bg:#d4567f1a;--accent-border:#d4567f52;--overlay:#4a1f3366;--modal-bg:#fff;--input-bg:#fff5f7;--success:#6b9b3f;--warning:#d48c2e;--danger:#c93254;--info:#4f7eb3;--font-sans:"Cormorant Garamond", "Hoefler Text", Garamond, serif;--font-chinese:"Noto Serif SC", "Songti SC", serif;--radius:14px;--radius-sm:8px}:root[data-design=paper],:root[data-design=paper][data-theme=dark]{--bg:#f5ecd9;--bg-raised:#efe3c7;--text:#6b5b3e;--text-strong:#3a2e1b;--border:#d9c89a;--card-bg:#fbf5e4;--card-shadow:0 1px 2px #503c1414, 0 10px 24px #503c1414;--accent:#9c3d1b;--accent-bg:#9c3d1b14;--accent-border:#9c3d1b4d;--overlay:#3a2e1b80;--modal-bg:#fbf5e4;--input-bg:#f5ecd9;--success:#4a7c2c;--warning:#b36b00;--danger:#a3331a;--info:#2e5f7c;--font-sans:"DM Serif Display", "Iowan Old Style", Georgia, serif;--radius:4px;--radius-sm:2px}:root[data-design=minimal]{--bg:#fafafa;--bg-raised:#f0f0f0;--text:#555;--text-strong:#111;--border:#e0e0e0;--card-bg:#fff;--card-shadow:none;--accent:#111;--accent-bg:#0000000a;--accent-border:#0003;--overlay:#0006;--modal-bg:#fff;--input-bg:#fff;--success:#2a2a2a;--warning:#2a2a2a;--danger:#2a2a2a;--info:#2a2a2a;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--radius:2px;--radius-sm:2px}:root[data-design=minimal][data-theme=dark]{--bg:#111;--bg-raised:#1a1a1a;--text:#aaa;--text-strong:#fafafa;--border:#2a2a2a;--card-bg:#151515;--modal-bg:#151515;--input-bg:#1a1a1a;--accent:#fafafa;--accent-bg:#ffffff0f;--accent-border:#ffffff4d;--success:#e0e0e0;--warning:#e0e0e0;--danger:#e0e0e0;--info:#e0e0e0}:root[data-design=brutalist],:root[data-design=brutalist][data-theme=dark]{--bg:#f4f4f0;--bg-raised:#fff;--text:#000;--text-strong:#000;--border:#000;--card-bg:#fff;--card-shadow:6px 6px 0 #000;--accent:#ffd400;--accent-bg:#ffd400;--accent-border:#000;--overlay:#000000bf;--modal-bg:#fff;--input-bg:#fff;--success:#000;--warning:#000;--danger:#f20;--info:#000;--font-sans:"Archivo", "Helvetica Neue", Helvetica, sans-serif;--radius:0;--radius-sm:0}:root[data-design=solarized]{--bg:#fdf6e3;--bg-raised:#eee8d5;--text:#657b83;--text-strong:#073642;--border:#d8d2bc;--card-bg:#fdf6e3;--card-shadow:0 1px 2px #0736420a, 0 8px 28px #07364214;--accent:#268bd2;--accent-bg:#268bd214;--accent-border:#268bd252;--overlay:#07364280;--modal-bg:#fdf6e3;--input-bg:#eee8d5;--success:#859900;--warning:#b58900;--danger:#dc322f;--info:#2aa198;--font-sans:"DM Mono", "Geist Mono", "JetBrains Mono", monospace;--radius:4px;--radius-sm:2px}:root[data-design=solarized][data-theme=dark]{--bg:#002b36;--bg-raised:#073642;--text:#93a1a1;--text-strong:#fdf6e3;--border:#0d4855;--card-bg:#073642;--modal-bg:#073642;--input-bg:#0d4855;--accent:#2aa198;--accent-bg:#2aa1981f;--accent-border:#2aa19866}:root[data-design=terminal],:root[data-design=terminal][data-theme=dark]{--bg:#05140a;--bg-raised:#082013;--text:#4fd38b;--text-strong:#a7ffc8;--border:#116b3a;--card-bg:#08170d;--card-shadow:0 0 0 1px #116b3a, 0 0 24px #2fdf7f2e;--accent:#39ff88;--accent-bg:#39ff8814;--accent-border:#39ff8866;--overlay:#000000bf;--modal-bg:#08170d;--input-bg:#0a1f12;--success:#39ff88;--warning:#eaff4f;--danger:#ff4f6f;--info:#7af7ff;--font-sans:"Space Mono", ui-monospace, monospace;--font-chinese:"Noto Sans SC", "PingFang SC", sans-serif;--radius:0;--radius-sm:0}:root[data-design=neon],:root[data-design=neon][data-theme=dark]{--bg:#0a0a2a;--bg-raised:#141548;--text:#c2b6ff;--text-strong:#fff;--border:#2a2a70;--card-bg:#141548;--card-shadow:0 0 0 1px #2a2a70, 0 0 32px #ff41c840;--accent:#ff41c8;--accent-bg:#ff41c81a;--accent-border:#ff41c866;--overlay:#050519b3;--modal-bg:#141548;--input-bg:#1a1a5a;--success:#00ffa3;--warning:#ffd740;--danger:#ff5d8f;--info:#00e5ff;--font-sans:"Sora", "Plus Jakarta Sans", system-ui, sans-serif;--radius:14px;--radius-sm:8px}:root[data-design=aurora],:root[data-design=aurora][data-theme=dark]{--bg:#0b1020;--bg-raised:#131a35;--text:#a5b4d4;--text-strong:#f1f5ff;--border:#1f2a4a;--card-bg:#131a35;--card-shadow:0 1px 0 #ffffff0d inset, 0 24px 60px #00000073;--accent:#7df9c8;--accent-bg:#7df9c814;--accent-border:#7df9c859;--overlay:#050812a6;--modal-bg:#131a35;--input-bg:#1a2342;--success:#7df9c8;--warning:#ffd089;--danger:#ff7a9b;--info:#8ec4ff;--font-sans:"Plus Jakarta Sans", "Sora", system-ui, sans-serif;--radius:16px;--radius-sm:10px}*,:before,:after{box-sizing:border-box}body{font:15px/1.5 var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}#root{max-width:1080px;margin:0 auto}h1,h2,h3{color:var(--text-strong);margin:0 0 8px;font-weight:600}h2{font-size:20px}h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text);font-size:14px}code{font-family:var(--font-mono);background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:13px}kbd{font-family:var(--font-mono);opacity:.5;border:1px solid;border-radius:3px;padding:1px 5px;font-size:11px;line-height:1.4;display:inline-block}.app{flex-direction:column;min-height:100svh;display:flex}.center-message{justify-content:center;align-items:center;height:100svh;font-size:16px;display:flex}.main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 20px 40px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.toolbar{gap:8px;padding:8px 12px}.toolbar-left,.toolbar-right{gap:6px}.toolbar-right{flex-wrap:wrap;justify-content:flex-end}.toolbar-divider{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.card{min-height:200px;padding:28px 20px 20px}.hanzi{font-size:40px}.card-meaning{font-size:18px}.grade-buttons{gap:6px}.btn-grade{min-width:68px;padding:8px 10px 6px}.btn-grade .grade-label{font-size:12px}.browse-header-row,.browse-row{grid-template-columns:50px 70px 1fr 50px 32px;gap:4px;padding:6px 8px;font-size:12px}.modal{padding:16px}}.toolbar{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar-field{color:var(--text);align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.toolbar-field select,.toolbar-field input[type=number]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-strong);padding:4px 8px;font-family:inherit;font-size:13px}.toolbar-field input[type=number]{width:56px}.toolbar-check{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);align-items:center;gap:5px;font-size:13px;display:flex}.toolbar-check input{accent-color:var(--accent)}.toolbar-icon{border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.toolbar-icon:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.toolbar-divider{background:var(--border);width:1px;height:24px}.toolbar-user{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:12px;font-weight:500;overflow:hidden}.btn-primary,.btn-outline{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.btn-sm{padding:5px 12px;font-size:12px}.btn-primary{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-primary:hover{filter:brightness(.9)}.btn-outline{color:var(--text-strong);border-color:var(--border);background:0 0}.btn-outline:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.btn-icon{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.btn-icon:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.progress-track{background:var(--border);height:3px}.progress-fill{background:var(--accent);border-radius:0 2px 2px 0;height:100%;transition:width .4s}.flash{background:var(--success);color:#fff;text-align:center;padding:7px 16px;font-size:13px;font-weight:600;animation:.15s ease-out fadeIn}.info-bar{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:7px 16px;font-size:12px;display:flex}.info-bar strong{color:var(--text-strong)}.streak-badge{color:var(--warning);margin-left:auto;font-weight:600}.card{border:1px solid var(--border);background:var(--card-bg);width:100%;max-width:560px;min-height:240px;box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 32px 24px;display:flex}.card-meaning{color:var(--text-strong);text-align:center;font-size:22px;font-weight:500;line-height:1.4}.card-chinese{flex-direction:column;align-items:center;gap:2px;display:flex}.hanzi-row{align-items:center;gap:8px;display:flex}.hanzi{font-family:var(--font-chinese);color:var(--text-strong);font-size:48px;font-weight:700;line-height:1.2}.pinyin{color:var(--accent);font-size:18px;font-weight:500}.mnemonics{max-width:640px;color:var(--muted,#888);text-align:center;flex-direction:column;gap:4px;margin-top:10px;font-size:13px;font-style:italic;display:flex}.mnemonic-lang{text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-right:6px;font-size:11px;font-style:normal;font-weight:600;display:inline-block}.btn-speak{color:var(--text);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-speak:hover{opacity:1;color:var(--accent);background:var(--accent-bg)}.card-answer{border-top:1px dashed var(--border);margin-top:4px;padding-top:12px;animation:.2s ease-out slideUp}.card-answer .card-meaning{color:var(--info);font-weight:600}.card-meta{color:var(--text);align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.badge-new{background:var(--success);color:#fff;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:700}.badge-leech{background:var(--warning);color:#fff;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:700}.controls{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:560px;margin-top:24px;display:flex}.progress-text{color:var(--text);font-size:12px}.btn-reveal{border:2px solid var(--accent);border-radius:var(--radius);background:var(--accent-bg);color:var(--accent);cursor:pointer;padding:12px 48px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s}.btn-reveal:hover{background:var(--accent);color:#fff}.grade-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn-grade{border-radius:var(--radius);cursor:pointer;background:0 0;border:2px solid;flex-direction:column;align-items:center;gap:2px;min-width:80px;padding:10px 16px 8px;font-family:inherit;transition:all .15s;display:flex}.btn-grade .grade-label{font-size:14px;font-weight:600}.btn-grade .grade-interval{opacity:.7;font-size:11px}.btn-again{border-color:var(--danger);color:var(--danger)}.btn-again:hover{background:var(--danger);color:#fff}.btn-hard{border-color:var(--warning);color:var(--warning)}.btn-hard:hover{background:var(--warning);color:#fff}.btn-good{border-color:var(--success);color:var(--success)}.btn-good:hover{background:var(--success);color:#fff}.btn-easy{border-color:var(--info);color:var(--info)}.btn-easy:hover{background:var(--info);color:#fff}.secondary-actions{gap:6px;display:flex}.done-screen{text-align:center;max-width:400px}.done-icon{margin-bottom:12px;font-size:56px}.done-screen h2{margin-bottom:16px}.done-stats{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);margin:20px 0 24px;padding:16px 20px}.done-stats p{margin:4px 0}.done-breakdown{flex-wrap:wrap;justify-content:center;gap:12px;margin:10px 0;font-size:13px;font-weight:600;display:flex}.grade-again{color:var(--danger)}.grade-hard{color:var(--warning)}.grade-good{color:var(--success)}.grade-easy{color:var(--info)}.done-accuracy{color:var(--text-strong);font-size:18px}.modal-overlay{background:var(--overlay);z-index:100;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--modal-bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;max-height:85vh;padding:24px;animation:.2s ease-out slideUp;overflow-y:auto}.modal-wide{max-width:720px}.modal-compact{max-width:400px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{margin:0}.modal-close{border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.modal-close:hover{background:var(--accent-bg);color:var(--accent)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:var(--bg-raised);padding:12px 8px}.stat-value{color:var(--text-strong);font-size:22px;font-weight:700;line-height:1.2}.stat-label{color:var(--text);margin-top:2px;font-size:11px}.streak-fire{font-size:18px}.stats-section{margin-bottom:20px}.stats-section h3{margin-bottom:10px}.retention-rows{flex-direction:column;gap:8px;display:flex}.retention-row{align-items:center;gap:10px;font-size:13px;display:flex}.retention-row>span:first-child{flex-shrink:0;width:90px}.retention-bar-track{background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.retention-bar-fill{background:var(--success);border-radius:4px;height:100%;transition:width .3s}.retention-pct{text-align:right;width:40px;color:var(--text-strong);font-weight:600}.chart{align-items:flex-end;gap:4px;height:100px;padding:4px 0;display:flex}.chart-col{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.chart-bar-track{align-items:flex-end;width:100%;height:70px;display:flex}.chart-bar-fill{background:var(--accent);border-radius:3px 3px 0 0;width:100%;min-height:1px;transition:height .3s}.chart-label{color:var(--text);font-size:9px}.chart-value{color:var(--text-strong);font-size:9px;font-weight:600}.maturity-rows{flex-direction:column;gap:6px;display:flex}.maturity-row{align-items:center;gap:10px;font-size:13px;display:flex}.maturity-label{text-transform:capitalize;width:70px;font-size:12px;font-weight:600}.maturity-track{background:var(--bg-raised);border:1px solid var(--border);border-radius:5px;flex:1;height:10px;overflow:hidden}.maturity-fill{border-radius:5px;height:100%;transition:width .3s}.maturity-count{text-align:right;width:40px;color:var(--text-strong);font-size:12px;font-weight:600}.status-new{color:var(--info)}.maturity-fill.status-new{background:var(--info)}.status-learning{color:var(--warning)}.maturity-fill.status-learning{background:var(--warning)}.status-young{color:var(--success)}.maturity-fill.status-young{background:var(--success)}.status-mature{color:#7c3aed}.maturity-fill.status-mature{background:#7c3aed}.stats-actions{border-top:1px solid var(--border);gap:8px;padding-top:16px;display:flex}.tone-matrix-wrap{flex-direction:column;gap:8px;display:flex}.tone-matrix{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:80px repeat(5,1fr);gap:2px;padding:4px;display:grid}.tone-matrix-corner{text-transform:uppercase;letter-spacing:.05em;color:var(--text);text-align:center;opacity:.6;justify-content:center;align-items:center;padding:6px 4px;font-size:9px;display:flex}.tone-matrix-head{font-family:var(--font-mono);color:var(--text-strong);text-align:center;background:var(--card-bg);border-radius:3px;padding:6px;font-size:13px;font-weight:700}.tone-matrix-cell{text-align:center;font-family:var(--font-mono);color:var(--text-strong);background:var(--card-bg);border-radius:3px;justify-content:center;align-items:center;min-height:32px;padding:8px 4px;font-size:12px;font-weight:600;display:flex}.tone-matrix-cell[data-self]{background:repeating-linear-gradient(45deg, var(--bg-raised), var(--bg-raised) 4px, var(--card-bg) 4px, var(--card-bg) 8px);color:var(--text);opacity:.4}.tone-matrix-legend{color:var(--text);opacity:.7;justify-content:space-between;font-size:11px;display:flex}.tone-matrix-key{font-family:var(--font-mono)}.browse-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;color:var(--text-strong);outline:none;margin-bottom:10px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.browse-search:focus{border-color:var(--accent)}.browse-filters{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.filter-chip{border:1px solid var(--border);color:var(--text);cursor:pointer;text-transform:capitalize;background:0 0;border-radius:20px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.filter-chip:hover{border-color:var(--accent-border);color:var(--accent)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.browse-meta{color:var(--text);margin-bottom:8px;font-size:12px}.browse-list{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:400px;overflow-y:auto}.browse-header-row{text-transform:uppercase;letter-spacing:.3px;color:var(--text);background:var(--bg-raised);border-bottom:1px solid var(--border);grid-template-columns:60px 90px 1fr 60px 40px;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;display:grid;position:sticky;top:0}.browse-row{border-bottom:1px solid var(--border);grid-template-columns:60px 90px 1fr 60px 40px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;transition:background .1s;display:grid}.browse-row:last-child{border-bottom:none}.browse-row:hover{background:var(--accent-bg)}.browse-hanzi{font-family:var(--font-chinese);color:var(--text-strong);font-weight:600}.browse-pinyin{color:var(--accent);font-size:12px}.browse-meaning{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browse-badge{text-transform:capitalize;font-size:11px;font-weight:600}.browse-cefr{color:var(--text);text-align:center;font-size:11px}.browse-empty{text-align:center;color:var(--text);padding:32px}.shortcuts-list{flex-direction:column;gap:6px;display:flex}.shortcut-row{align-items:center;gap:12px;padding:4px 0;font-size:14px;display:flex}.shortcut-row kbd{text-align:center;opacity:1;background:var(--bg-raised);border-color:var(--border);min-width:80px;padding:3px 8px;font-size:12px}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:20px;display:flex}.auth-card{border:1px solid var(--border);background:var(--card-bg);width:100%;max-width:400px;box-shadow:var(--card-shadow);border-radius:16px;padding:32px}.auth-header{text-align:center;margin-bottom:24px}.auth-logo{font-size:40px;font-family:var(--font-chinese);color:var(--accent);margin-bottom:8px;display:inline-block}.auth-header h1{margin:0 0 4px;font-size:22px}.auth-header p{color:var(--text);margin:0;font-size:13px}.auth-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:20px;display:flex;overflow:hidden}.auth-tab{color:var(--text);cursor:pointer;background:0 0;border:none;flex:1;padding:8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.auth-tab.active{background:var(--accent);color:#fff}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{color:var(--text);flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.auth-field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-strong);outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.auth-field input:focus{border-color:var(--accent)}.auth-error{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);background:#dc26260f;padding:8px 12px;font-size:13px}.auth-submit{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:10px;font-family:inherit;font-size:14px;font-weight:600;transition:filter .15s}.auth-submit:hover{filter:brightness(.9)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:var(--text);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-social{gap:8px;display:flex}.auth-social-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-strong);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.auth-social-btn:hover{background:var(--accent-bg);border-color:var(--accent-border)}:root[data-layout=focused] #root{max-width:1280px}:root[data-layout=focused] .toolbar{padding:6px 12px;font-size:12px}:root[data-layout=focused] .toolbar-field span{display:none}:root[data-layout=focused] .main{padding:48px 20px}:root[data-layout=focused] .card{border-radius:calc(var(--radius) * 2);width:100%;max-width:880px;min-height:440px;padding:72px 48px}:root[data-layout=focused] .hanzi{font-size:112px}:root[data-layout=focused] .card-meaning{font-size:40px}:root[data-layout=focused] .pinyin{font-size:28px}:root[data-layout=focused] .btn-grade{border-radius:999px;min-width:120px;min-height:72px;padding:12px 24px;font-size:15px}:root[data-layout=focused] .btn-reveal{border-radius:999px;min-height:64px;padding:0 40px;font-size:17px}@media (width>=900px){:root[data-layout=sidebar] #root{max-width:100%}:root[data-layout=sidebar] .app{grid-template:"side top""side track""side info""side main"1fr/260px 1fr;min-height:100svh;display:grid}:root[data-layout=sidebar] .toolbar{border-right:1px solid var(--border);background:var(--bg-raised);border-bottom:none;flex-flow:column;grid-area:side;justify-content:flex-start;align-items:stretch;gap:20px;padding:24px 18px}:root[data-layout=sidebar] .toolbar-left,:root[data-layout=sidebar] .toolbar-right{flex-direction:column;align-items:stretch;gap:10px;width:100%}:root[data-layout=sidebar] .toolbar-field{justify-content:space-between}:root[data-layout=sidebar] .toolbar-divider{display:none}:root[data-layout=sidebar] .progress-track{grid-area:track}:root[data-layout=sidebar] .info-bar{grid-area:info}:root[data-layout=sidebar] .main{grid-area:main;padding:40px 32px}:root[data-layout=sidebar] .flash{position:fixed;top:16px;right:16px}}@media (width>=980px){:root[data-layout=split] #root{max-width:1240px}:root[data-layout=split] .main{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:stretch;gap:28px;padding:32px 24px;display:grid}:root[data-layout=split] .card{justify-content:center;min-height:460px;margin:0}:root[data-layout=split] .controls{border:1px solid var(--border);background:var(--bg-raised);border-radius:var(--radius);justify-content:flex-start;align-self:stretch;gap:20px;padding:24px 20px}:root[data-layout=split] .controls>*{width:100%}:root[data-layout=split] .grade-buttons{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}:root[data-layout=split] .btn-grade{min-height:64px}:root[data-layout=split] .btn-reveal{width:100%;min-height:56px}:root[data-layout=split] .secondary-actions{justify-content:center}}:root[data-layout=zen] body{background:radial-gradient(ellipse 60% 50% at 20% 0%, var(--accent-bg), transparent 70%), radial-gradient(ellipse 60% 50% at 80% 100%, var(--accent-bg), transparent 70%), var(--bg);background-attachment:fixed}:root[data-layout=zen] .toolbar{opacity:.6;background:0 0;border-bottom:none;padding:14px 20px;font-size:12px;transition:opacity .2s}:root[data-layout=zen] .toolbar:hover,:root[data-layout=zen] .toolbar:focus-within{opacity:1}:root[data-layout=zen] .info-bar{opacity:.7;background:0 0;border-bottom:none}:root[data-layout=zen] .progress-track{background:0 0}:root[data-layout=zen] .main{padding:40px 20px 80px}:root[data-layout=zen] .card{background:var(--card-bg);border-radius:calc(var(--radius) * 2.5);border:none;width:100%;max-width:760px;padding:64px 48px;box-shadow:0 1px 2px #0000000a,0 20px 60px #0000001a,0 40px 120px #0000000f}:root[data-layout=zen] .hanzi{letter-spacing:-.02em;font-size:104px}:root[data-layout=zen] .card-meaning{letter-spacing:-.01em;font-size:36px;font-weight:500}:root[data-layout=zen] .pinyin{opacity:.85;font-size:24px}:root[data-layout=zen] .controls{background:var(--card-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;margin-top:32px;padding:14px 16px;position:sticky;bottom:16px;box-shadow:0 8px 32px #00000014}:root[data-layout=zen] .btn-grade,:root[data-layout=zen] .btn-reveal{border-radius:999px}:root[data-layout=stack] #root{max-width:720px}:root[data-layout=stack] .main{gap:20px;padding:28px 20px}:root[data-layout=stack] .card{width:100%;padding:48px 32px}:root[data-layout=stack] .controls{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;width:100%;padding:16px}:root[data-layout=stack] .grade-buttons{width:100%}:root[data-layout=stack] .btn-grade{flex:1;min-height:56px}:root[data-layout=stack] .btn-reveal{width:100%}:root[data-layout=compact] #root{max-width:760px}:root[data-layout=compact] .toolbar{gap:6px;padding:6px 10px}:root[data-layout=compact] .toolbar-field{gap:3px;font-size:12px}:root[data-layout=compact] .toolbar-field span{opacity:.7;font-size:11px}:root[data-layout=compact] .toolbar-icon{width:28px;height:28px;font-size:13px}:root[data-layout=compact] .info-bar{padding:6px 16px;font-size:12px}:root[data-layout=compact] .main{padding:16px 16px 28px}:root[data-layout=compact] .card{min-height:280px;padding:32px 24px}:root[data-layout=compact] .hanzi{font-size:64px}:root[data-layout=compact] .card-meaning{font-size:22px}:root[data-layout=compact] .pinyin{font-size:16px}:root[data-layout=compact] .btn-grade{min-height:44px;padding:6px 12px;font-size:12px}@media (width>=980px){:root[data-layout=magazine] #root{max-width:1200px}:root[data-layout=magazine] .main{grid-template-columns:1fr 320px;grid-template-areas:"card rail";align-items:start;gap:32px;padding:40px 24px;display:grid}:root[data-layout=magazine] .card{grid-area:card;width:100%;max-width:none;min-height:460px;margin:0;padding:64px 56px}:root[data-layout=magazine] .controls{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;grid-area:rail;align-items:stretch;gap:16px;padding:24px;position:sticky;top:24px}:root[data-layout=magazine] .controls>*{width:100%}:root[data-layout=magazine] .grade-buttons{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}:root[data-layout=magazine] .btn-grade{min-height:60px}:root[data-layout=magazine] .btn-reveal{width:100%;min-height:56px}:root[data-layout=magazine] .info-bar{padding:10px 24px}}:root[data-layout=theater] #root{max-width:100%}:root[data-layout=theater] body{background:radial-gradient(ellipse at center, var(--bg-raised), var(--bg) 70%);background-attachment:fixed}:root[data-layout=theater] .toolbar{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10;background:#0000002e;position:sticky;top:0}:root[data-layout=theater] .info-bar{opacity:.7;background:0 0;border-bottom:none}:root[data-layout=theater] .main{padding:56px 24px}:root[data-layout=theater] .card{border-radius:calc(var(--radius) * 2);width:100%;max-width:920px;box-shadow:0 0 0 1px var(--border), 0 60px 120px #00000059, 0 200px 200px #0000002e;margin:0 auto;padding:80px 56px}:root[data-layout=theater] .hanzi{font-size:128px}:root[data-layout=theater] .card-meaning{font-size:44px}:root[data-layout=theater] .pinyin{font-size:30px}:root[data-layout=theater] .controls{background:var(--card-bg);border:1px solid var(--border);border-radius:999px;margin-top:24px;padding:12px 18px;position:sticky;bottom:20px;box-shadow:0 16px 40px #0000004d}:root[data-layout=theater] .btn-grade,:root[data-layout=theater] .btn-reveal{border-radius:999px}:root[data-layout=immersive] #root{max-width:100%}:root[data-layout=immersive] .toolbar{background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(14px);z-index:20;opacity:.4;transition:opacity .25s;position:fixed;top:0;left:0;right:0}:root[data-layout=immersive] .toolbar:hover,:root[data-layout=immersive] .toolbar:focus-within{opacity:1}:root[data-layout=immersive] .progress-track{z-index:21;height:2px;position:fixed;top:0;left:0;right:0}:root[data-layout=immersive] .info-bar{background:var(--card-bg);border:1px solid var(--border);z-index:19;border-radius:999px;gap:16px;padding:6px 16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000002e}:root[data-layout=immersive] .main{place-items:center;min-height:100svh;padding:0;display:grid}:root[data-layout=immersive] .card{width:100%;max-width:none;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;min-height:100svh;padding:96px 32px 160px}:root[data-layout=immersive] .hanzi{font-size:clamp(120px,22vw,280px);line-height:1}:root[data-layout=immersive] .card-meaning{font-size:clamp(28px,4vw,56px)}:root[data-layout=immersive] .pinyin{font-size:clamp(20px,2.4vw,36px)}:root[data-layout=immersive] .card-meta{opacity:.5}:root[data-layout=immersive] .controls{z-index:19;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}:root[data-layout=immersive] .btn-grade,:root[data-layout=immersive] .btn-reveal{border-radius:999px}:root[data-design=ink] body{background-image:radial-gradient(#1a16120a 1px,#0000 1.5px);background-size:5px 5px}:root[data-design=ink] .hanzi{font-family:var(--font-chinese);letter-spacing:.04em;font-weight:400}:root[data-design=ink] .card{border:1px solid #1a16122e}:root[data-design=ink] .pinyin{letter-spacing:.05em;font-style:italic}:root[data-design=ink] .badge-new{background:var(--accent);color:#fff;letter-spacing:.2em;font-family:var(--font-chinese);border-radius:0}:root[data-design=sakura] body{background-image:radial-gradient(circle at 10% -10%,#d4567f1f,#0000 40%),radial-gradient(circle at 100% 110%,#d4567f1a,#0000 50%);background-attachment:fixed}:root[data-design=sakura] .card{border-top:3px solid var(--accent)}:root[data-design=sakura] .hanzi{letter-spacing:.02em;font-weight:500}:root[data-design=sakura] .card-meaning{font-style:italic;font-weight:500}:root[data-design=paper] .hanzi{letter-spacing:.01em;font-weight:400}:root[data-design=paper] .card-meaning{letter-spacing:-.005em}:root[data-design=paper] .info-bar{font-style:italic}:root[data-design=brutalist] .toolbar{background:var(--bg);border-bottom:3px solid #000}:root[data-design=brutalist] .toolbar-field span,:root[data-design=brutalist] .toolbar-check span,:root[data-design=brutalist] h2,:root[data-design=brutalist] h3{text-transform:uppercase;letter-spacing:.08em;font-weight:800}:root[data-design=brutalist] .card{border:3px solid #000;box-shadow:8px 8px #000}:root[data-design=brutalist] select,:root[data-design=brutalist] input,:root[data-design=brutalist] .btn-outline,:root[data-design=brutalist] .btn-primary,:root[data-design=brutalist] .btn-grade,:root[data-design=brutalist] .btn-reveal{text-transform:uppercase;letter-spacing:.06em;font-weight:700;box-shadow:3px 3px #000;border-width:2px!important}:root[data-design=brutalist] .btn-primary{background:var(--accent);color:#000;border-color:#000}:root[data-design=brutalist] .btn-grade:hover,:root[data-design=brutalist] .btn-reveal:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #000}:root[data-design=brutalist] .badge-new{background:var(--accent);color:#000;border:2px solid #000;border-radius:0}:root[data-design=solarized] .toolbar-field,:root[data-design=solarized] .toolbar-check,:root[data-design=solarized] .info-bar,:root[data-design=solarized] .progress-text,:root[data-design=solarized] .card-meta,:root[data-design=solarized] .pinyin{font-family:var(--font-sans)}:root[data-design=terminal] body{background-image:linear-gradient(#39ff880a 1px,#0000 1px);background-size:100% 3px}:root[data-design=terminal] .toolbar{text-transform:uppercase;letter-spacing:.06em}:root[data-design=terminal] .toolbar:before{content:"[ HSK://" attr(data-noop) " ]";color:var(--accent);margin-right:8px;font-weight:700}:root[data-design=terminal] .hanzi{text-shadow:0 0 18px #39ff8873}:root[data-design=terminal] .card-meaning:before{content:"> ";opacity:.6}:root[data-design=terminal] .pinyin:before{content:"$ ";opacity:.6}:root[data-design=terminal] .btn-grade,:root[data-design=terminal] .btn-reveal,:root[data-design=terminal] .btn-primary,:root[data-design=terminal] .btn-outline{text-transform:uppercase;letter-spacing:.08em}:root[data-design=neon] body{background-image:radial-gradient(circle at 0 0,#ff41c82e,#0000 35%),radial-gradient(circle at 100% 100%,#00e5ff2e,#0000 35%);background-attachment:fixed}:root[data-design=neon] .hanzi{background:linear-gradient(135deg,#ff41c8,#00e5ff);color:#0000;text-shadow:0 0 24px #ff41c859;-webkit-background-clip:text;background-clip:text}:root[data-design=neon] .btn-reveal{background:linear-gradient(135deg,#ff41c82e,#00e5ff2e);border-color:#ff41c88c}:root[data-design=neon] .btn-reveal:hover{color:#0a0a2a;background:linear-gradient(135deg,#ff41c8,#00e5ff)}:root[data-design=neon] .toolbar-icon:hover{box-shadow:0 0 18px #ff41c873}:root[data-design=aurora] body{background:radial-gradient(circle at 12% 8%, #7df9c829, transparent 38%), radial-gradient(circle at 88% 92%, #8ec4ff2e, transparent 42%), radial-gradient(circle at 50% 50%, #ff7a9b1a, transparent 55%), var(--bg);background-attachment:fixed}:root[data-design=aurora] .hanzi{background:linear-gradient(120deg,#7df9c8 0%,#8ec4ff 50%,#c8a2ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}:root[data-design=aurora] .card{background:linear-gradient(180deg, #ffffff0a, #fff0) , var(--card-bg);border-color:#ffffff14}:root[data-design=aurora] .btn-reveal{background:linear-gradient(135deg,#7df9c82e,#8ec4ff2e)}:root[data-design=aurora] .progress-fill{background:linear-gradient(90deg,#7df9c8,#8ec4ff,#c8a2ff)}.design-switcher{z-index:50;-webkit-backdrop-filter:blur(12px);font-family:var(--font-sans);background:#ffffffe0;border:1px solid #00000014;border-radius:999px;gap:6px;padding:6px 8px;display:flex;position:fixed;bottom:14px;left:14px;box-shadow:0 1px 2px #0000000f,0 8px 24px #0000001f}:root[data-theme=dark] .design-switcher,:root:not([data-theme=light]) .design-switcher{background:#18181dcc;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 8px 28px #00000073}.design-switcher-field{text-transform:uppercase;letter-spacing:.06em;color:#0000008c;cursor:pointer;background:#0000000a;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s;display:flex}:root[data-theme=dark] .design-switcher-field,:root:not([data-theme=light]) .design-switcher-field{color:#ffffff8c;background:#ffffff0f}.design-switcher-field:hover{background:#00000014}:root[data-theme=dark] .design-switcher-field:hover,:root:not([data-theme=light]) .design-switcher-field:hover{background:#ffffff1a}.design-switcher-field select{appearance:none;color:inherit;font:inherit;text-transform:none;letter-spacing:0;cursor:pointer;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 6px),calc(100% - 2px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:none;outline:none;padding:0 16px 0 0;font-size:12px;font-weight:700}@media (width<=640px){.design-switcher{gap:4px;padding:4px 6px;bottom:8px;left:8px}.design-switcher-field{padding:3px 8px;font-size:10px}.design-switcher-field select{font-size:11px}}.sentence-review{flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:720px;display:flex}.sr-progress{color:var(--text);text-align:center;letter-spacing:.04em;text-transform:uppercase;opacity:.7;font-size:12px}.sr-dot{opacity:.4;margin:0 6px}.sr-card{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;gap:18px;padding:32px 32px 28px;display:flex}.sr-cloze{font-family:var(--font-chinese);text-align:center;color:var(--text-strong);letter-spacing:.02em;font-size:36px;line-height:1.5}.sr-context{color:var(--text-strong)}.sr-target{border-bottom:3px solid var(--accent);color:var(--accent);min-width:1.5em;padding:0 6px;transition:all .2s;display:inline-block}.sr-target.revealed{color:var(--text-strong);background:var(--accent-bg);border-bottom-color:#0000;border-radius:6px}.sr-blank{letter-spacing:.4em;opacity:.5;display:inline-block}.sr-gloss{text-align:center;color:var(--text);font-size:16px;font-style:italic;line-height:1.4}.sr-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sr-choice{border:2px solid var(--border);border-radius:var(--radius);background:var(--card-bg);min-height:110px;color:var(--text-strong);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:22px 16px 18px;font-family:inherit;transition:all .15s;display:flex;position:relative}.sr-choice:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px)}.sr-choice:disabled{cursor:default}.sr-choice-num{font-size:10px;font-family:var(--font-mono);color:var(--text);opacity:.5;letter-spacing:.04em;font-weight:700;position:absolute;top:6px;left:8px}.sr-choice-hanzi{font-family:var(--font-chinese);letter-spacing:.02em;font-size:32px;font-weight:700;line-height:1.1}.sr-choice-pinyin{color:var(--accent);margin-top:2px;font-size:13px;font-weight:500}.sr-choice-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--card-bg));color:var(--text-strong)}.sr-choice-correct .sr-choice-pinyin{color:var(--success)}.sr-choice-wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, var(--card-bg));color:var(--text-strong)}.sr-choice-wrong .sr-choice-pinyin{color:var(--danger)}.sr-choice-dim{opacity:.45}.sr-result-line{justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.sr-result-ok{color:var(--success)}.sr-result-bad{color:var(--danger)}.sr-result-bad strong{font-family:var(--font-chinese);font-size:22px}.sr-speak{padding:6px}.sr-feedback{border-top:1px dashed var(--border);flex-direction:column;gap:12px;padding-top:14px;animation:.2s ease-out slideUp;display:flex}.sr-syllables{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sr-syl{font-family:var(--font-mono);border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.sr-syl-ok{border-color:var(--success);color:var(--success);background:color-mix(in srgb, var(--success) 8%, transparent)}.sr-syl-tone{border-color:var(--warning);color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, transparent)}.sr-syl-wrong{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.sr-syl-got{font-weight:600}.sr-syl-tone-num{opacity:.75;margin-left:1px;font-size:10px}.sr-syl-arrow{opacity:.6}.sr-syl-want{font-weight:700}.sr-expected{justify-content:center;align-items:baseline;gap:12px;font-size:14px;display:flex}.sr-expected-label{text-transform:uppercase;letter-spacing:.06em;opacity:.6;font-size:11px;font-weight:600}.sr-expected-pinyin{color:var(--accent);letter-spacing:.03em;font-size:22px;font-weight:600}.sr-meta{color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.sr-grades{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.sr-grades .btn-grade.sr-default{outline-offset:3px;outline:2px solid}.sr-confirm-hint{text-align:center;width:100%;color:var(--text);opacity:.75;margin-top:4px;font-size:12px}.sr-confirm-hint kbd{background:var(--bg-raised);border-color:var(--border);margin-right:4px}.sr-secondary{justify-content:center;gap:6px;display:flex}@media (width<=640px){.sr-card{padding:22px 18px 18px}.sr-cloze{font-size:28px}.sr-gloss{font-size:14px}.sr-choice-hanzi{font-size:26px}.sr-choice{min-height:90px;padding:18px 12px 14px}.sr-result-line{font-size:16px}}[data-app=renshuu]{--rs-bg:#f4f6f8;--rs-surface:#fff;--rs-border:#e2e6ea;--rs-text:#1a2530;--rs-text-dim:#5a6878;--rs-muted:#8794a4;--rs-primary:#1c5669;--rs-primary-hover:#244e60;--rs-primary-soft:#e3edf0;--rs-good:#2c9a5b;--rs-warn:#d77d2a;--rs-bad:#c44135;--rs-shadow:0 1px 2px #0000000a, 0 4px 12px #0000000f;--rs-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-app=renshuu][data-renshuu-accent=rose]{--rs-primary:#b53865;--rs-primary-hover:#9a2c54;--rs-primary-soft:#f4e3ea}[data-app=renshuu][data-renshuu-accent=indigo]{--rs-primary:#4651b6;--rs-primary-hover:#38419a;--rs-primary-soft:#e6e8f5}[data-app=renshuu][data-renshuu-accent=amber]{--rs-primary:#b07520;--rs-primary-hover:#966018;--rs-primary-soft:#f5ecd9}[data-app=renshuu][data-theme=dark]{--rs-bg:#161a20;--rs-surface:#1f242c;--rs-border:#2c333d;--rs-text:#e7ecf2;--rs-text-dim:#a5b1bf;--rs-muted:#8794a4;--rs-primary-soft:#243843}[data-app=renshuu] body,[data-app=renshuu] .rs-app{background:var(--rs-bg);color:var(--rs-text)}.rs-app{flex-direction:column;min-height:100vh;display:flex}.rs-loading{text-align:center;color:var(--rs-text-dim);padding:3rem}.rs-main{box-sizing:border-box;flex:1;width:100%;max-width:1240px;margin:0 auto;padding:1.5rem}.rs-topnav{background:var(--rs-surface);border-bottom:1px solid var(--rs-border);z-index:50;position:sticky;top:0}.rs-topnav-inner{align-items:center;gap:1.5rem;max-width:1240px;margin:0 auto;padding:.6rem 1.5rem;display:flex}.rs-logo{color:var(--rs-text);align-items:center;gap:.4rem;font-weight:700;text-decoration:none;display:flex}.rs-logo-mark{background:var(--rs-primary);color:#fff;border-radius:6px;place-items:center;width:28px;height:28px;font-size:1rem;display:grid}.rs-logo-text{font-size:1.05rem}.rs-nav-wrap{flex:1;display:flex}.rs-nav{flex:1;gap:.25rem;display:flex}.rs-nav-item{color:var(--rs-text-dim);border-radius:6px;padding:.5rem .85rem;font-size:.92rem;font-weight:500;text-decoration:none}.rs-nav-item:hover{background:var(--rs-primary-soft);color:var(--rs-text)}.rs-nav-item.rs-active{color:var(--rs-primary);background:var(--rs-primary-soft)}.rs-topnav-right{align-items:center;gap:.25rem;display:flex}.rs-icon-btn{width:44px;height:44px;color:var(--rs-text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;font-size:1.35rem;text-decoration:none;display:grid}.rs-icon-btn:hover{background:var(--rs-primary-soft);color:var(--rs-text)}.rs-icon-btn.rs-active{color:var(--rs-primary)}.rs-menu-toggle{display:none}.rs-theme-light{font-size:1.7rem}.rs-theme-system{font-size:1.5rem}.rs-user-menu{position:relative}.rs-avatar{background:var(--rs-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;width:40px;height:40px;font-size:1rem;font-weight:600}@media (width<=760px){.rs-topnav-inner{gap:.4rem;padding:.5rem .8rem}.rs-menu-toggle{display:grid}.rs-logo-text{display:none}.rs-nav-wrap{flex:0;position:static}.rs-nav{background:var(--rs-surface);border-bottom:1px solid var(--rs-border);box-shadow:var(--rs-shadow);z-index:55;flex-direction:column;gap:0;padding:.4rem;display:none;position:absolute;top:100%;left:0;right:0}.rs-nav.rs-nav-open{display:flex}.rs-nav-item{border-radius:8px;padding:.75rem .9rem;font-size:1rem}.rs-topnav-right{margin-left:auto}}.rs-user-menu-pop{background:var(--rs-surface);border:1px solid var(--rs-border);border-radius:var(--rs-radius);box-shadow:var(--rs-shadow);z-index:60;min-width:220px;padding:.6rem;position:absolute;top:calc(100% + .4rem);right:0}.rs-user-menu-pop hr{border:none;border-top:1px solid var(--rs-border);margin:.4rem 0}.rs-user-menu-name{padding:.25rem .5rem;font-weight:600}.rs-user-menu-email{color:var(--rs-muted);padding:0 .5rem .4rem;font-size:.8rem}.rs-user-menu-pop button{text-align:left;width:100%;color:var(--rs-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem;font-size:.92rem;display:block}.rs-user-menu-pop button:hover{background:var(--rs-primary-soft)}.rs-card{background:var(--rs-surface);border:1px solid var(--rs-border);border-radius:var(--rs-radius);box-shadow:var(--rs-shadow);margin-bottom:1rem;padding:1.1rem 1.2rem}.rs-card-title{color:var(--rs-text);margin-bottom:.6rem;font-size:.95rem;font-weight:600}.rs-card-title-row{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.rs-link{color:var(--rs-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem}.rs-link:hover{text-decoration:underline}.rs-muted{color:var(--rs-muted);font-size:.88rem}.rs-empty{color:var(--rs-text-dim);text-align:center;padding:1rem 0}.rs-btn{border:1px solid var(--rs-border);background:var(--rs-surface);color:var(--rs-text);cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.9rem;display:inline-flex}.rs-btn:hover:not(:disabled){border-color:var(--rs-primary);color:var(--rs-primary)}.rs-btn:disabled{opacity:.5;cursor:not-allowed}.rs-btn-primary{background:var(--rs-primary);color:#fff;border-color:var(--rs-primary)}.rs-btn-primary:hover:not(:disabled){background:var(--rs-primary-hover);color:#fff;border-color:var(--rs-primary-hover)}.rs-btn-sm{padding:.3rem .65rem;font-size:.82rem}.rs-btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.rs-dashboard-greet{color:var(--rs-text);margin:0 0 1.2rem;font-size:1.6rem;font-weight:600}.rs-dashboard-grid{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}@media (width<=900px){.rs-dashboard-grid{grid-template-columns:1fr}}.rs-dashboard-col{flex-direction:column;display:flex}.rs-user-card-head{align-items:center;gap:.9rem;margin-bottom:.9rem;display:flex}.rs-user-avatar-lg{background:var(--rs-primary);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;font-size:1.6rem;font-weight:600;display:grid}.rs-user-card-name{font-size:1.1rem;font-weight:600}.rs-user-card-sub{color:var(--rs-muted);font-size:.85rem}.rs-stat-row{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.rs-stat{background:var(--rs-primary-soft);text-align:center;border-radius:8px;padding:.7rem .5rem}.rs-stat-value{font-size:1.4rem;font-weight:600}.rs-stat-label{color:var(--rs-text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.rs-stat-good .rs-stat-value{color:var(--rs-good)}.rs-stat-warn .rs-stat-value{color:var(--rs-warn)}.rs-streak-big{align-items:baseline;gap:.5rem;margin-bottom:.8rem;display:flex}.rs-streak-num{color:var(--rs-primary);font-size:2.2rem;font-weight:700}.rs-streak-unit{color:var(--rs-text-dim)}.rs-heatmap{grid-template-columns:repeat(15,1fr);gap:3px;display:grid}.rs-heat{aspect-ratio:1;background:var(--rs-border);border-radius:3px}.rs-heat-1{background:#cfe6da}.rs-heat-2{background:#88c7a4}.rs-heat-3{background:#4ea974}.rs-heat-4{background:var(--rs-good)}.rs-challenge-list{flex-direction:column;gap:.7rem;display:flex}.rs-challenge-label{justify-content:space-between;margin-bottom:.3rem;font-size:.88rem;display:flex}.rs-challenge-count{color:var(--rs-muted);font-variant-numeric:tabular-nums}.rs-challenge.rs-done .rs-challenge-label{color:var(--rs-good)}.rs-bar{background:var(--rs-border);border-radius:4px;height:8px;overflow:hidden}.rs-bar-fill{background:var(--rs-primary);height:100%;transition:width .3s}.rs-challenge.rs-done .rs-bar-fill{background:var(--rs-good)}.rs-schedule-row{gap:.8rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.rs-schedule-tile{background:var(--rs-primary-soft);border-radius:var(--rs-radius);flex-direction:column;align-items:center;gap:.45rem;min-width:160px;padding:.9rem;display:flex}.rs-schedule-tile-name{font-weight:600}.rs-schedule-tile-sub{color:var(--rs-text-dim);font-size:.8rem}.rs-ring{--pct:0;background:conic-gradient(var(--rs-primary) calc(var(--pct) * 1%), var(--rs-border) 0);border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.rs-ring span{background:var(--rs-surface);border-radius:50%;place-items:center;width:50px;height:50px;font-size:.85rem;font-weight:600;display:grid}.rs-help-list{flex-direction:column;gap:.5rem;display:flex}.rs-help-item{border:1px solid var(--rs-border);background:var(--rs-surface);text-align:left;cursor:pointer;color:var(--rs-text);border-radius:8px;gap:.7rem;padding:.6rem;display:flex}.rs-help-item:hover{border-color:var(--rs-primary)}.rs-help-num{background:var(--rs-primary-soft);width:28px;height:28px;color:var(--rs-primary);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.rs-help-title{font-size:.9rem;font-weight:600}.rs-help-body{color:var(--rs-text-dim);font-size:.84rem}.rs-page-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.rs-page-head h1{color:var(--rs-text);margin:0;font-size:1.4rem}.rs-filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.rs-filters input,.rs-filters select{border:1px solid var(--rs-border);background:var(--rs-surface);color:var(--rs-text);border-radius:6px;padding:.45rem .6rem;font-size:.9rem}.rs-filters input{min-width:240px}.rs-count{color:var(--rs-muted);font-size:.85rem}.rs-table{background:var(--rs-surface);border:1px solid var(--rs-border);border-radius:var(--rs-radius);overflow:hidden}.rs-thead,.rs-tr{grid-template-columns:1.4fr 1.4fr 3fr .7fr .7fr .9fr;align-items:center;gap:.5rem;padding:.6rem .9rem;display:grid}.rs-thead{background:var(--rs-primary-soft);text-transform:uppercase;letter-spacing:.04em;color:var(--rs-text-dim);font-size:.78rem}.rs-tr{border-top:1px solid var(--rs-border);cursor:pointer;font-size:.92rem}.rs-tr:hover{background:var(--rs-primary-soft)}.rs-hanzi-cell{font-size:1.15rem;font-weight:500}.rs-meaning-cell{color:var(--rs-text-dim)}.rs-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.rs-tag-new{color:var(--rs-primary);background:#e3edf0}.rs-tag-due{color:var(--rs-warn);background:#fbe6c8}.rs-tag-known{color:var(--rs-good);background:#d7eedb}.rs-tag-learning{color:#b35e1c;background:#f0e2ce}.rs-detail-overlay{z-index:100;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.rs-detail{background:var(--rs-surface);border-radius:var(--rs-radius);width:100%;max-width:480px;padding:1.4rem}.rs-detail-head{align-items:center;gap:.6rem;display:flex}.rs-detail-hanzi{flex:1;font-size:2.2rem;font-weight:600}.rs-detail-pinyin{color:var(--rs-text-dim);margin:.2rem 0 .4rem;font-size:1.1rem}.rs-detail-meaning{margin-bottom:.8rem;font-size:1rem}.rs-detail-sentence{background:var(--rs-bg);border-radius:6px;margin-bottom:.6rem;padding:.6rem .8rem}.rs-detail-mnemonic{color:var(--rs-text-dim);margin-bottom:.6rem;font-style:italic}.rs-detail-actions{align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.rs-detail-actions select{border:1px solid var(--rs-border);background:var(--rs-surface);color:var(--rs-text);border-radius:6px;padding:.4rem}.rs-hanzi-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;display:grid}.rs-hanzi-cell-card{background:var(--rs-surface);border:1px solid var(--rs-border);text-align:center;border-radius:8px;padding:.7rem}.rs-hanzi-big{font-size:2.4rem;font-weight:500;line-height:1}.rs-hanzi-md{font-size:1.4rem}.rs-hanzi-pinyin{color:var(--rs-text-dim);margin-top:.25rem;font-size:.85rem}.rs-hanzi-meta{color:var(--rs-muted);margin-top:.15rem;font-size:.75rem}.rs-grammar-list{flex-direction:column;gap:.5rem;display:flex}.rs-grammar{padding:0}.rs-grammar-head{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;grid-template-columns:2fr auto 3fr;align-items:center;gap:.7rem;padding:.9rem 1.1rem;display:grid}.rs-grammar-pattern{font-weight:600}.rs-grammar-eng{color:var(--rs-text-dim)}.rs-grammar-body{border-top:1px solid var(--rs-border);padding:0 1.1rem 1rem}.rs-grammar-ex{padding:.5rem 0}.rs-sentence-list{flex-direction:column;gap:.5rem;display:flex}.rs-sentence{grid-template-columns:auto 1fr;align-items:start;gap:.7rem;display:grid}.rs-sentence-native{font-size:1.05rem}.rs-sentence-key{color:var(--rs-muted);margin-top:.3rem;font-size:.82rem}.rs-schedule-list{flex-direction:column;gap:.6rem;display:flex}.rs-schedule-row{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid}.rs-schedule-name{font-weight:600}.rs-schedule-sub{color:var(--rs-text-dim);font-size:.85rem}.rs-schedule-actions{flex-wrap:wrap;gap:.4rem;display:flex}.rs-disabled{opacity:.6}.rs-schedule-create{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:.7rem;display:grid}.rs-schedule-create label{color:var(--rs-text-dim);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.rs-schedule-create input,.rs-schedule-create select{border:1px solid var(--rs-border);background:var(--rs-surface);color:var(--rs-text);border-radius:6px;padding:.45rem .6rem}.rs-schedule-create-actions{grid-column:1/-1;justify-content:flex-end;gap:.5rem;display:flex}.rs-form{flex-direction:column;gap:.8rem;display:flex}.rs-form label{color:var(--rs-text-dim);flex-direction:column;gap:.25rem;font-size:.88rem;display:flex}.rs-form input[type=text],.rs-form input[type=number],.rs-form input:not([type]),.rs-form select,.rs-form textarea,.rs-card input[type=text],.rs-card input:not([type]),.rs-card textarea{border:1px solid var(--rs-border);background:var(--rs-surface);color:var(--rs-text);border-radius:6px;padding:.5rem .65rem;font-family:inherit;font-size:.92rem}.rs-form-row{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.rs-form-label{color:var(--rs-text-dim);margin-bottom:.4rem;font-size:.85rem}.rs-qtype-grid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.rs-qtype-check{cursor:pointer;align-items:center;gap:.4rem;font-size:.88rem;display:flex}.rs-tabs{border-bottom:1px solid var(--rs-border);gap:.25rem;margin-bottom:1rem;display:flex}.rs-tabs button{color:var(--rs-text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .9rem}.rs-tabs button.rs-active{color:var(--rs-primary);border-bottom-color:var(--rs-primary)}.rs-custom-list{gap:1rem;display:grid}.rs-search-results,.rs-picked-list{flex-direction:column;gap:.3rem;max-height:360px;margin-top:.5rem;display:flex;overflow-y:auto}.rs-search-result,.rs-picked{border-radius:6px;grid-template-columns:1.2fr 1.4fr 2fr auto;align-items:center;gap:.5rem;padding:.4rem .5rem;display:grid}.rs-search-result:hover,.rs-picked:hover{background:var(--rs-primary-soft)}.rs-sr-hanzi{font-size:1rem;font-weight:500}.rs-sr-pinyin,.rs-sr-meaning{color:var(--rs-text-dim);font-size:.88rem}.rs-accent-row{flex-wrap:wrap;gap:.5rem;display:flex}.rs-accent-swatch{cursor:pointer;color:#fff;border:2px solid #0000;border-radius:6px;padding:.5rem 1rem;font-weight:600}.rs-accent-swatch.rs-active{border-color:var(--rs-text)}.rs-accent-teal{background:#1c5669}.rs-accent-rose{background:#b53865}.rs-accent-indigo{background:#4651b6}.rs-accent-amber{background:#b07520}.rs-study{max-width:720px;margin:0 auto}.rs-study-bar{background:var(--rs-surface);border:1px solid var(--rs-border);border-radius:var(--rs-radius);align-items:center;gap:.8rem;margin-bottom:1rem;padding:.7rem .9rem;display:flex;position:relative;overflow:hidden}.rs-study-bar-fill{background:var(--rs-primary-soft);z-index:0;width:0;transition:width .3s;position:absolute;inset:0}.rs-study-progress,.rs-study-bar>button{z-index:1;position:relative}.rs-study-progress{flex:1;font-weight:600}.rs-skip{background:0 0}.rs-study-stage{background:var(--rs-surface);border:1px solid var(--rs-border);border-radius:var(--rs-radius);box-shadow:var(--rs-shadow);padding:2rem 1.6rem}.rs-study-foot{text-align:center;padding:1rem 0}.rs-q-prompt{text-align:center;margin-bottom:1.6rem}.rs-q-target{margin-bottom:.4rem;font-size:2.6rem;line-height:1.1}.rs-q-target .rs-hanzi-big{font-size:3.2rem}.rs-q-small{font-size:1.3rem}.rs-q-pos{color:var(--rs-muted);font-size:.88rem}.rs-play{margin-top:.3rem;font-size:1.1rem}.rs-hint-toggle{color:var(--rs-primary);cursor:pointer;background:0 0;border:none;margin-top:.4rem;font-size:.85rem}.rs-q-hint{color:var(--rs-text-dim);margin-top:.3rem;font-style:italic}.rs-meaning-prompt{font-size:1.6rem}.rs-audio-prompt{font-size:4rem}.rs-q-options{gap:.55rem;display:grid}.rs-q-opt{background:var(--rs-surface);border:1px solid var(--rs-border);cursor:pointer;text-align:left;color:var(--rs-text);border-radius:8px;align-items:center;gap:.7rem;padding:.85rem 1rem;font-size:1rem;display:flex}.rs-q-opt:hover:not(:disabled){border-color:var(--rs-primary);background:var(--rs-primary-soft)}.rs-q-opt-num{border:2px solid var(--rs-border);width:22px;height:22px;color:var(--rs-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:.78rem;display:grid}.rs-q-opt-label{flex:1}.rs-q-opt.rs-correct{border-color:var(--rs-good);color:var(--rs-good);background:#d7eedb}.rs-q-opt.rs-correct .rs-q-opt-num{border-color:var(--rs-good);color:var(--rs-good)}.rs-q-opt.rs-wrong{border-color:var(--rs-bad);color:var(--rs-bad);background:#f6dcd9}.rs-q-opt.rs-wrong .rs-q-opt-num{border-color:var(--rs-bad);color:var(--rs-bad)}.rs-q-opt.rs-dim{opacity:.55}.rs-q-opt:disabled{cursor:default}.rs-q-feedback{background:var(--rs-primary-soft);border-radius:8px;margin-top:1.2rem;padding:.9rem}.rs-correct-fb{background:#d7eedb}.rs-wrong-fb{background:#f6dcd9}.rs-q-input-row{gap:.5rem;display:flex}.rs-q-input{border:1px solid var(--rs-border);background:var(--rs-surface);color:var(--rs-text);border-radius:8px;flex:1;padding:.7rem .9rem;font-size:1.1rem}.rs-build-answer{border:2px dashed var(--rs-border);border-radius:8px;flex-wrap:wrap;gap:.4rem;min-height:56px;margin-bottom:.7rem;padding:.8rem;display:flex}.rs-build-bank{flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem;display:flex}.rs-token{background:var(--rs-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem .85rem;font-size:1.1rem}.rs-token:hover{background:var(--rs-primary-hover)}.rs-token-bank{background:var(--rs-surface);color:var(--rs-text);border:1px solid var(--rs-border)}.rs-token-bank:hover{background:var(--rs-primary-soft);border-color:var(--rs-primary)}.rs-tone-row{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:1rem;display:flex}.rs-tone-syl{flex-direction:column;align-items:center;gap:.4rem;display:flex}.rs-tone-base{font-size:1.4rem;font-weight:500}.rs-tone-buttons{gap:.2rem;display:flex}.rs-tone-btn{border:1px solid var(--rs-border);background:var(--rs-surface);cursor:pointer;width:32px;height:32px;color:var(--rs-text);border-radius:4px;font-size:.95rem}.rs-tone-btn:hover{border-color:var(--rs-primary)}.rs-tone-btn.rs-picked{background:var(--rs-primary);color:#fff;border-color:var(--rs-primary)}.rs-tone-btn.rs-correct{background:var(--rs-good);color:#fff;border-color:var(--rs-good)}.rs-tone-btn.rs-wrong{background:var(--rs-bad);color:#fff;border-color:var(--rs-bad)}.rs-cloze{font-size:1.5rem}.rs-study-done{max-width:480px;margin:4rem auto}.rs-done-card{text-align:center;padding:2rem}.rs-done-card h1{margin-top:0}.rs-done-types{margin:1rem 0}.rs-done-type-row{border-bottom:1px solid var(--rs-border);justify-content:space-between;padding:.3rem 0;font-size:.9rem;display:flex}textarea{resize:vertical}