*{box-sizing:border-box;margin:0;padding:0}[data-theme=light]{--bg:#faf4ed;--bg2:#fffaf3;--card:#fff;--card-hover:#f7f1eb;--text:#575279;--text2:#797593;--muted:#9893a5;--border:#e0ddd8;--primary:#d7827e;--primary-hover:#c96b66;--accent:#286983;--success:#56949f;--warning:#ea9d34;--love:#b4637a;--gold:#ea9d34;--rose:#eb6f92;--pine:#286983;--foam:#9ccfd8;--highlight:#eee8e0;--shadow:#57527914;--input-bg:#fff;--incorrect-bg:#f5e0de;--incorrect-border:#b4637a;--correct-bg:#ddf0ee;--correct-border:#56949f}[data-theme=dark]{--bg:#191724;--bg2:#1f1d2e;--card:#26233a;--card-hover:#2e2b45;--text:#e0def4;--text2:#908caa;--muted:#6e6a86;--border:#26233a;--primary:#eb6f92;--primary-hover:#f08aa5;--accent:#31748f;--success:#9ccfd8;--warning:#f6c177;--love:#eb6f92;--gold:#f6c177;--rose:#eb6f92;--pine:#31748f;--foam:#9ccfd8;--highlight:#2a283d;--shadow:#0000004d;--input-bg:#1f1d2e;--incorrect-bg:#2e1c2a;--incorrect-border:#eb6f92;--correct-bg:#1a2e2e;--correct-border:#9ccfd8}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;transition:background .3s,color .3s}.app.svelte-1n46o8q{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;padding:0 1rem;display:flex}nav.svelte-1n46o8q{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.nav-brand.svelte-1n46o8q{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.brand-icon.svelte-1n46o8q{font-size:1.5rem}.brand-text.svelte-1n46o8q{color:var(--text);letter-spacing:.02em;font-family:Playfair Display,Georgia,serif;font-size:1.25rem;font-weight:600}.nav-right.svelte-1n46o8q{align-items:center;gap:.75rem;display:flex}.lang-toggle.svelte-1n46o8q{background:linear-gradient(135deg, var(--rose) 0%, var(--pine) 100%);color:#fff;cursor:pointer;letter-spacing:.03em;border:none;border-radius:8px;padding:.35rem .7rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s}.lang-toggle.svelte-1n46o8q:hover{opacity:.85;transform:scale(1.05)}.streak-badge.svelte-1n46o8q{background:linear-gradient(135deg, var(--rose) 0%, var(--gold) 100%);color:#fff;border-radius:99px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.theme-toggle.svelte-1n46o8q{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:8px;padding:.4rem .6rem;font-size:1.1rem;transition:all .2s}.theme-toggle.svelte-1n46o8q:hover{border-color:var(--primary);background:var(--highlight)}main.svelte-1n46o8q{flex:1;padding:2rem 0}.hero.svelte-1n46o8q{text-align:center;margin-bottom:2.5rem}.hero.svelte-1n46o8q h1:where(.svelte-1n46o8q){color:var(--text);margin-bottom:.5rem;font-family:Playfair Display,Georgia,serif;font-size:2.2rem;font-weight:700}.hero-sub.svelte-1n46o8q{color:var(--text2);max-width:500px;margin:0 auto;font-size:1.05rem}.grade-grid.svelte-1n46o8q{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=640px){.grade-grid.svelte-1n46o8q{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.grade-grid.svelte-1n46o8q{grid-template-columns:repeat(3,1fr)}}.grade-card.svelte-1n46o8q{background:var(--card);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;padding:1.5rem;transition:all .2s}.grade-card.svelte-1n46o8q:hover{background:var(--card-hover);box-shadow:0 8px 24px var(--shadow);transform:translateY(-2px)}.grade-icon.svelte-1n46o8q{margin-bottom:.5rem;font-size:2rem}.grade-card.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin-bottom:.25rem;font-family:Playfair Display,Georgia,serif;font-size:1.3rem;font-weight:600}.grade-desc.svelte-1n46o8q{color:var(--text2);margin-bottom:1rem;font-size:.9rem}.grade-progress-bar.svelte-1n46o8q{background:var(--highlight);border-radius:99px;height:6px;margin-bottom:.5rem;overflow:hidden}.grade-progress-fill.svelte-1n46o8q{border-radius:99px;height:100%;transition:width .4s}.grade-stats-row.svelte-1n46o8q{color:var(--text2);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.stat-accuracy.svelte-1n46o8q{color:var(--success);font-weight:600}.back-btn.svelte-1n46o8q{color:var(--text2);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:.5rem 0;font-family:inherit;font-size:.95rem;transition:color .2s}.back-btn.svelte-1n46o8q:hover{color:var(--primary)}.grade-header.svelte-1n46o8q{text-align:center;margin-bottom:2rem}.grade-icon-lg.svelte-1n46o8q{font-size:3rem}.grade-header.svelte-1n46o8q h1:where(.svelte-1n46o8q){margin:.5rem 0 .25rem;font-family:Playfair Display,Georgia,serif;font-size:2rem}.grade-header.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--text2)}.mastery-summary.svelte-1n46o8q{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.mastery-item.svelte-1n46o8q{color:var(--text2);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.mastery-dot.svelte-1n46o8q{border-radius:50%;width:10px;height:10px;display:inline-block}.action-grid.svelte-1n46o8q{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.action-grid.svelte-1n46o8q{grid-template-columns:repeat(2,1fr)}}.action-card.svelte-1n46o8q{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border-radius:14px;padding:1.25rem;transition:all .2s}.action-card.svelte-1n46o8q:hover{background:var(--card-hover);border-color:var(--primary);transform:translateY(-1px)}.action-icon.svelte-1n46o8q{margin-bottom:.5rem;font-size:2rem}.action-card.svelte-1n46o8q h3:where(.svelte-1n46o8q){margin-bottom:.25rem;font-size:1.05rem}.action-card.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--text2);font-size:.85rem}.flashcard-view.svelte-1n46o8q{max-width:600px;margin:0 auto}.flashcard-top.svelte-1n46o8q{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.counter.svelte-1n46o8q{color:var(--text2);font-size:.9rem;font-weight:500}.flashcard-area.svelte-1n46o8q{text-align:center}.mastery-indicator.svelte-1n46o8q{justify-content:center;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.9rem;display:flex}.flashcard.svelte-1n46o8q{background:var(--card);border:2px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;justify-content:center;align-items:center;width:100%;min-height:280px;padding:2rem;transition:all .3s;display:flex}.flashcard.svelte-1n46o8q:hover{border-color:var(--primary);box-shadow:0 8px 32px var(--shadow)}.flashcard-front.svelte-1n46o8q,.flashcard-back.svelte-1n46o8q{flex-direction:column;align-items:center;gap:.5rem;display:flex}.flashcard-word.svelte-1n46o8q{color:var(--text);font-family:Playfair Display,Georgia,serif;font-size:2.5rem;font-weight:700}.flashcard-word-en.svelte-1n46o8q{color:var(--text2);margin-top:-.25rem;font-size:1.1rem;font-style:italic}.flashcard-pos.svelte-1n46o8q{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-style:italic}.flashcard-hint.svelte-1n46o8q{color:var(--muted);margin-top:1rem;font-size:.8rem}.flashcard-definition.svelte-1n46o8q{color:var(--text);max-width:440px;margin-top:.5rem;font-size:1.15rem}.flashcard-sentence.svelte-1n46o8q{color:var(--text2);max-width:440px;margin-top:.5rem;font-size:.95rem;font-style:italic}.flashcard-category.svelte-1n46o8q{text-transform:uppercase;letter-spacing:.05em;background:var(--highlight);color:var(--text2);border:1px solid var(--border);border-radius:99px;margin-top:.75rem;padding:.2rem .75rem;font-size:.75rem;display:inline-block}.flashcard-tts-row.svelte-1n46o8q{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.tts-btn.svelte-1n46o8q{background:var(--card);border:1px solid var(--border);cursor:pointer;color:var(--text2);border-radius:10px;padding:.45rem 1rem;font-family:inherit;font-size:.85rem;transition:all .2s}.tts-btn.svelte-1n46o8q:hover{border-color:var(--primary);color:var(--primary);background:var(--card-hover)}.flashcard-actions.svelte-1n46o8q{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.btn-wrong.svelte-1n46o8q,.btn-right.svelte-1n46o8q{cursor:pointer;border:2px solid;border-radius:12px;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.btn-wrong.svelte-1n46o8q{background:var(--incorrect-bg);border-color:var(--incorrect-border);color:var(--love)}.btn-wrong.svelte-1n46o8q:hover{opacity:.8}.btn-right.svelte-1n46o8q{background:var(--correct-bg);border-color:var(--correct-border);color:var(--success)}.btn-right.svelte-1n46o8q:hover{opacity:.8}.flashcard-nav.svelte-1n46o8q{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.btn-nav.svelte-1n46o8q{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.btn-nav.svelte-1n46o8q:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-nav.svelte-1n46o8q:disabled{opacity:.3;cursor:default}.keyboard-hints.svelte-1n46o8q{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;font-size:.75rem;display:flex}.quiz-view.svelte-1n46o8q{max-width:600px;margin:0 auto}.quiz-top.svelte-1n46o8q{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.quiz-score-badge.svelte-1n46o8q{color:var(--text2);margin-left:auto;font-size:.85rem;font-weight:500}.quiz-prompt.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin-bottom:1rem;font-family:Playfair Display,Georgia,serif;font-size:1.4rem}.quiz-definition-box.svelte-1n46o8q{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:.5rem;padding:1.5rem;font-size:1.15rem;line-height:1.5}.quiz-hint-pos.svelte-1n46o8q{color:var(--muted);margin-bottom:.5rem;font-size:.85rem;font-style:italic}.quiz-hint-zh.svelte-1n46o8q{color:var(--pine);background:var(--highlight);border-radius:8px;margin-bottom:1.5rem;padding:.3rem .75rem;font-size:.9rem;display:inline-block}.mc-options.svelte-1n46o8q{gap:.75rem;margin:1.5rem 0;display:grid}.mc-option.svelte-1n46o8q{background:var(--card);border:2px solid var(--border);cursor:pointer;color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .2s;display:flex}.mc-option.svelte-1n46o8q:hover:not(:disabled){border-color:var(--primary);background:var(--card-hover)}.mc-option.svelte-1n46o8q:disabled{cursor:default}.mc-letter.svelte-1n46o8q{background:var(--highlight);width:28px;height:28px;color:var(--text2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.mc-correct.svelte-1n46o8q{border-color:var(--correct-border)!important;background:var(--correct-bg)!important}.mc-correct.svelte-1n46o8q .mc-letter:where(.svelte-1n46o8q){background:var(--success);color:#fff}.mc-wrong.svelte-1n46o8q{border-color:var(--incorrect-border)!important;background:var(--incorrect-bg)!important}.mc-wrong.svelte-1n46o8q .mc-letter:where(.svelte-1n46o8q){background:var(--love);color:#fff}.type-quiz.svelte-1n46o8q input[type=text]:where(.svelte-1n46o8q){border:2px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);border-radius:12px;outline:none;margin-bottom:1rem;padding:.85rem 1rem;font-family:inherit;font-size:1.1rem;transition:border-color .2s}.type-quiz.svelte-1n46o8q input:where(.svelte-1n46o8q):focus{border-color:var(--primary)}.quiz-feedback.svelte-1n46o8q{border-radius:12px;margin:1rem 0;padding:1rem 1.25rem;font-size:.95rem;line-height:1.5}.quiz-feedback.correct.svelte-1n46o8q{background:var(--correct-bg);border:1px solid var(--correct-border);color:var(--success)}.quiz-feedback.incorrect.svelte-1n46o8q{background:var(--incorrect-bg);border:1px solid var(--incorrect-border);color:var(--love)}.btn-primary.svelte-1n46o8q{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary.svelte-1n46o8q:hover:not(:disabled){background:var(--primary-hover)}.btn-primary.svelte-1n46o8q:disabled{opacity:.5;cursor:default}.btn-secondary.svelte-1n46o8q{color:var(--text2);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;width:100%;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.btn-secondary.svelte-1n46o8q:hover{border-color:var(--primary);color:var(--primary)}.results-view.svelte-1n46o8q{text-align:center;max-width:500px;margin:0 auto}.results-view.svelte-1n46o8q h1:where(.svelte-1n46o8q){margin-bottom:1.5rem;font-family:Playfair Display,Georgia,serif;font-size:2rem}.results-score.svelte-1n46o8q{margin-bottom:1.5rem}.results-circle.svelte-1n46o8q{background:conic-gradient(var(--success) calc(var(--pct) * 3.6deg), var(--highlight) 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto;display:flex;position:relative}.results-circle.svelte-1n46o8q:before{content:"";background:var(--bg);border-radius:50%;width:110px;height:110px;position:absolute}.results-num.svelte-1n46o8q,.results-den.svelte-1n46o8q{z-index:1;position:relative}.results-num.svelte-1n46o8q{color:var(--success);font-size:2rem;font-weight:700;line-height:1}.results-den.svelte-1n46o8q{color:var(--text2);font-size:.85rem}.results-detail.svelte-1n46o8q{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;font-size:.95rem;display:flex}.results-correct.svelte-1n46o8q{color:var(--success)}.results-incorrect.svelte-1n46o8q{color:var(--love)}.results-accuracy.svelte-1n46o8q{color:var(--accent);font-weight:600}.results-actions.svelte-1n46o8q{flex-direction:column;gap:.75rem;display:flex}.browser-view.svelte-1n46o8q{max-width:700px;margin:0 auto}.browser-view.svelte-1n46o8q h1:where(.svelte-1n46o8q){margin-bottom:1rem;font-family:Playfair Display,Georgia,serif;font-size:1.5rem}.browser-controls.svelte-1n46o8q{margin-bottom:1.5rem}.browser-search.svelte-1n46o8q{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);border-radius:10px;outline:none;margin-bottom:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.browser-search.svelte-1n46o8q:focus{border-color:var(--primary)}.browser-filters.svelte-1n46o8q{flex-wrap:wrap;gap:.5rem;display:flex}.filter-btn.svelte-1n46o8q{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:8px;padding:.35rem .75rem;font-family:inherit;font-size:.8rem;transition:all .2s}.filter-btn.svelte-1n46o8q:hover{border-color:var(--text2)}.filter-btn.active.svelte-1n46o8q{background:var(--primary);border-color:var(--primary);color:#fff}.word-list.svelte-1n46o8q{flex-direction:column;gap:.5rem;display:flex}.word-row.svelte-1n46o8q{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.word-text.svelte-1n46o8q{min-width:80px;font-size:1rem;font-weight:600}.word-text-en.svelte-1n46o8q{color:var(--text2);font-size:.8rem;font-style:italic}.word-pos.svelte-1n46o8q{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;min-width:60px;font-size:.75rem}.word-mastery.svelte-1n46o8q{min-width:90px;font-size:.8rem;font-weight:500}.word-def.svelte-1n46o8q{color:var(--text2);flex:1;min-width:200px;font-size:.85rem}.word-tts.svelte-1n46o8q{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.15rem .3rem;font-size:1rem;transition:all .2s}.word-tts.svelte-1n46o8q:hover{background:var(--highlight)}footer.svelte-1n46o8q{text-align:center;color:var(--muted);border-top:1px solid var(--border);margin-top:2rem;padding:1.5rem 0;font-size:.8rem}