:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.lesson-card.svelte-10g5if6{cursor:pointer;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #334155;border-radius:12px;padding:1.25rem;transition:all .2s;position:relative;overflow:hidden}.lesson-card.svelte-10g5if6:hover:not(.locked){border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 8px 25px #60a5fa26}.lesson-card.locked.svelte-10g5if6{opacity:.6;cursor:not-allowed}.lesson-card.completed.svelte-10g5if6{border-color:#4ade80}.lesson-number.svelte-10g5if6{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.lesson-title.svelte-10g5if6{margin-bottom:.5rem}.title-hanzi.svelte-10g5if6{color:#f8fafc;font-size:1.5rem;font-weight:600;display:block}.title-pinyin.svelte-10g5if6{color:#94a3b8;margin-top:.25rem;font-size:.85rem;display:block}.lesson-english.svelte-10g5if6{color:#cbd5e1;margin-bottom:.5rem;font-size:.9rem}.lesson-location.svelte-10g5if6{color:#64748b;margin-bottom:.75rem;font-size:.75rem;font-style:italic}.lesson-meta.svelte-10g5if6{color:#64748b;gap:1rem;font-size:.75rem;display:flex}.progress-indicator.svelte-10g5if6{background:#1e293b;height:3px;position:absolute;bottom:0;left:0;right:0}.progress-bar.svelte-10g5if6{background:linear-gradient(90deg,#fbbf24,#f97316);height:100%;transition:width .3s}.completion-badge.svelte-10g5if6{color:#0f172a;background:#4ade80;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:.75rem}.lock-overlay.svelte-10g5if6{background:#0f172ab3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lock-icon.svelte-10g5if6{font-size:1.5rem}.dialogue-player.svelte-6932g1{max-width:600px;margin:0 auto;padding:1.5rem}.dialogue-header.svelte-6932g1{text-align:center;margin-bottom:2rem}.lesson-badge.svelte-6932g1{color:#fff;text-transform:uppercase;background:#3b82f6;border-radius:999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.dialogue-title.svelte-6932g1{color:#f8fafc;margin:0 0 .5rem;font-size:2rem;font-weight:700}.dialogue-pinyin.svelte-6932g1{color:#94a3b8;margin:0 0 .5rem;font-size:1rem}.dialogue-english.svelte-6932g1{color:#cbd5e1;margin:0;font-size:1.1rem}.dialogue-location.svelte-6932g1{color:#64748b;margin-top:.5rem;font-size:.85rem;font-style:italic}.progress-dots.svelte-6932g1{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.dot.svelte-6932g1{color:#94a3b8;cursor:pointer;background:0 0;border:2px solid #475569;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.dot.svelte-6932g1:hover{color:#60a5fa;border-color:#60a5fa}.dot.active.svelte-6932g1{color:#fff;background:#3b82f6;border-color:#3b82f6}.dot.passed.svelte-6932g1{color:#0f172a;background:#4ade80;border-color:#4ade80}.line-card.svelte-6932g1{text-align:center;background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%);border:1px solid #3b82f6;border-radius:16px;margin-bottom:1.5rem;padding:2rem}.speaker-label.svelte-6932g1{color:#94a3b8;background:#475569;border-radius:4px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.line-chinese.svelte-6932g1{color:#f8fafc;cursor:pointer;margin-bottom:.75rem;font-size:2rem;font-weight:600;line-height:1.4;transition:color .2s}.line-chinese.svelte-6932g1:hover{color:#60a5fa}.line-pinyin.svelte-6932g1{color:#94a3b8;margin-bottom:1rem;font-size:1rem}.line-english.svelte-6932g1{color:#4ade80;border-top:1px solid #334155;margin-top:1rem;padding-top:1rem;font-size:1.1rem}.reveal-btn.svelte-6932g1{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #64748b;border-radius:8px;margin-top:1rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.reveal-btn.svelte-6932g1:hover{color:#f8fafc;border-color:#94a3b8}.audio-status.svelte-6932g1{text-align:center;color:#60a5fa;margin:.5rem 0;font-size:.85rem}.dialogue-controls.svelte-6932g1{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.nav-btn.svelte-6932g1{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;transition:all .2s}.nav-btn.svelte-6932g1:hover:not(:disabled){background:#334155;border-color:#60a5fa}.nav-btn.svelte-6932g1:disabled{opacity:.5;cursor:not-allowed}.nav-btn.primary.svelte-6932g1{color:#fff;background:#3b82f6;border-color:#3b82f6}.nav-btn.primary.svelte-6932g1:hover{background:#2563eb}.audio-btn.svelte-6932g1{color:#f59e0b;cursor:pointer;background:#1e293b;border:2px solid #f59e0b;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;transition:all .2s;display:flex}.audio-btn.svelte-6932g1:hover:not(:disabled){color:#0f172a;background:#f59e0b}.audio-btn.svelte-6932g1:disabled{opacity:.5;cursor:not-allowed}.vocab-section.svelte-6932g1{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:1.25rem}.vocab-section.svelte-6932g1 h3:where(.svelte-6932g1){color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.85rem}.vocab-grid.svelte-6932g1{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.vocab-item.svelte-6932g1{text-align:center;cursor:pointer;background:#1e293b;border-radius:8px;padding:.75rem;transition:background .2s}.vocab-item.svelte-6932g1:hover{background:#334155}.vocab-hanzi.svelte-6932g1{color:#f8fafc;margin-bottom:.25rem;font-size:1.25rem;display:block}.vocab-pinyin.svelte-6932g1{color:#94a3b8;margin-bottom:.25rem;font-size:.75rem;display:block}.vocab-def.svelte-6932g1{color:#64748b;font-size:.7rem;display:block}.vocab-more.svelte-6932g1{text-align:center;color:#64748b;margin-top:.75rem;font-size:.8rem}.grammar-section.svelte-6932g1{background:#0f172a;border:1px solid #334155;border-radius:12px;margin-top:1.5rem;padding:1rem}.grammar-toggle.svelte-6932g1{color:#f8fafc;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.5rem 0;font-size:1rem;font-weight:600;display:flex}.grammar-toggle.svelte-6932g1:hover{color:#60a5fa}.grammar-icon.svelte-6932g1{font-size:1.25rem}.toggle-arrow.svelte-6932g1{color:#94a3b8;margin-left:auto;font-size:.75rem}.grammar-content.svelte-6932g1{border-top:1px solid #334155;margin-top:1rem;padding-top:1rem}.grammar-point.svelte-6932g1{border-bottom:1px solid #1e293b;margin-bottom:1.5rem;padding-bottom:1.5rem}.grammar-point.svelte-6932g1:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.point-name.svelte-6932g1{color:#60a5fa;margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.point-explanation.svelte-6932g1{color:#cbd5e1;margin:0 0 1rem;font-size:.95rem;line-height:1.6}.examples.svelte-6932g1{flex-direction:column;gap:.75rem;display:flex}.example.svelte-6932g1{cursor:pointer;background:#1e293b;border-radius:8px;padding:.75rem 1rem;transition:background .2s}.example.svelte-6932g1:hover{background:#334155}.ex-chinese.svelte-6932g1{color:#f8fafc;margin-bottom:.25rem;font-size:1.1rem;display:block}.ex-pinyin.svelte-6932g1{color:#94a3b8;margin-bottom:.25rem;font-size:.85rem;display:block}.ex-english.svelte-6932g1{color:#4ade80;font-size:.85rem;display:block}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow-x:hidden}#app{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);min-height:100vh}main.svelte-1n46o8q{max-width:600px;min-height:100vh;margin:0 auto;padding:1rem}.navbar.svelte-1n46o8q{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.nav-brand.svelte-1n46o8q{cursor:pointer;align-items:center;gap:.5rem;display:flex}.logo.svelte-1n46o8q{color:#ff6b6b;font-size:2rem}.brand-text.svelte-1n46o8q{font-size:1.2rem;font-weight:600}.nav-controls.svelte-1n46o8q{align-items:center;gap:1rem;display:flex}.toggle.svelte-1n46o8q{cursor:pointer;align-items:center;gap:.5rem;display:flex}.toggle.svelte-1n46o8q input:where(.svelte-1n46o8q){accent-color:#ff6b6b;width:1.2rem;height:1.2rem}.toggle-label.svelte-1n46o8q{font-size:.9rem}.btn-settings.svelte-1n46o8q{color:#a0a0a0;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:.5rem .75rem;font-size:1.1rem;transition:all .2s}.btn-settings.svelte-1n46o8q:hover{color:#ff6b6b;border-color:#ff6b6b}.hero.svelte-1n46o8q{text-align:center;padding:3rem 1rem 2rem}.hero.svelte-1n46o8q h1:where(.svelte-1n46o8q){color:#fff;margin-bottom:.75rem;font-size:3rem}.subtitle.svelte-1n46o8q{color:#a0a0a0;margin-bottom:1.5rem;font-size:1.1rem}.hero-stats.svelte-1n46o8q{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.hero-stats.svelte-1n46o8q span:where(.svelte-1n46o8q){color:#ff8a8a;background:#ff6b6b26;border:1px solid #ff6b6b4d;border-radius:20px;padding:.5rem 1rem;font-size:.9rem}.practice-section.svelte-1n46o8q{margin-top:2rem}.practice-section.svelte-1n46o8q h2:where(.svelte-1n46o8q){text-align:center;color:#a0a0a0;margin-bottom:1.5rem}.level-grid.svelte-1n46o8q{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.level-grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.level-card.svelte-1n46o8q{background:linear-gradient(135deg,#ff6b6b1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.level-card.svelte-1n46o8q:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b6b26}.level-header.svelte-1n46o8q{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.level-badge.svelte-1n46o8q{color:#fff;background:#ff6b6b;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.level-words.svelte-1n46o8q{color:#888;font-size:.85rem}.level-desc.svelte-1n46o8q{color:#a0a0a0;margin-bottom:1rem;font-size:.9rem}.practice-buttons.svelte-1n46o8q{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.btn-review.svelte-1n46o8q{color:#ff6b6b;cursor:pointer;background:0 0;border:1px dashed #ff6b6b;border-radius:6px;width:100%;margin-top:.5rem;padding:.5rem;font-size:.85rem;transition:all .2s}.btn-review.svelte-1n46o8q:hover:not(:disabled){background:#ff6b6b1a}.level-desc.svelte-1n46o8q{color:#a0a0a0;font-size:.9rem}.btn-primary.svelte-1n46o8q{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.btn-primary.svelte-1n46o8q:hover:not(:disabled){background:#ff5252;transform:translateY(-1px)}.btn-primary.svelte-1n46o8q:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-1n46o8q{color:#e0e0e0;cursor:pointer;background:0 0;border:1px solid #4a5568;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.btn-secondary.svelte-1n46o8q:hover:not(:disabled){color:#ff6b6b;border-color:#ff6b6b}.btn-secondary.svelte-1n46o8q:disabled{opacity:.5;cursor:not-allowed}.btn-writing.svelte-1n46o8q{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.btn-writing.svelte-1n46o8q:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px)}.btn-sentences.svelte-1n46o8q{color:#fff;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.btn-sentences.svelte-1n46o8q:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px)}.btn-dialogues.svelte-1n46o8q{color:#1a1a2e;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.btn-dialogues.svelte-1n46o8q:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px)}.flashcard-view.svelte-1n46o8q{flex-direction:column;gap:1.5rem;display:flex}.back-btn.svelte-1n46o8q{color:#a0a0a0;cursor:pointer;text-align:left;background:0 0;border:none;padding:.5rem 0;font-size:1rem}.back-btn.svelte-1n46o8q:hover{color:#e0e0e0}.progress-bar.svelte-1n46o8q{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.progress-fill.svelte-1n46o8q{background:#ff6b6b;height:100%;transition:width .3s}.progress-text.svelte-1n46o8q{text-align:center;color:#a0a0a0;font-size:.9rem}.card-container.svelte-1n46o8q{justify-content:center;display:flex}.flashcard.svelte-1n46o8q{cursor:pointer;text-align:center;background:#ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:3rem 2rem;transition:all .2s;display:flex}.flashcard.svelte-1n46o8q:hover{background:#ffffff26;transform:scale(1.02)}.card-hanzi.svelte-1n46o8q{margin-bottom:1rem;font-size:4rem;font-weight:300}.card-pinyin.svelte-1n46o8q{color:#ffd93d;margin-bottom:1rem;font-size:1.5rem}.card-meaning.svelte-1n46o8q{color:#a0a0a0;font-size:1.2rem}.card-hint.svelte-1n46o8q{color:#666;font-size:.9rem}.card-actions.svelte-1n46o8q{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.btn-known.svelte-1n46o8q{color:#1a1a2e;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#4ade80;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:all .2s}.btn-known.svelte-1n46o8q:hover{background:#22c55e}.btn-known.svelte-1n46o8q:active{background:#16a34a}.btn-unknown.svelte-1n46o8q{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#f87171;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:all .2s}.btn-unknown.svelte-1n46o8q:hover{background:#ef4444}.btn-unknown.svelte-1n46o8q:active{background:#dc2626}.btn-audio.svelte-1n46o8q{color:#e0e0e0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:.75rem;font-size:1.2rem;transition:all .2s;display:flex}.btn-audio.svelte-1n46o8q:hover{background:#fff3}.btn-audio.svelte-1n46o8q:active{background:#ffffff4d}.audio-status.svelte-1n46o8q{text-align:center;color:#ffd93d;font-size:.9rem}.writing-view.svelte-1n46o8q{flex-direction:column;gap:1.5rem;display:flex}.writing-container.svelte-1n46o8q{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.writing-prompt.svelte-1n46o8q{text-align:center}.prompt-label.svelte-1n46o8q{color:#a0a0a0;margin-bottom:.5rem;font-size:1rem}.prompt-word.svelte-1n46o8q{letter-spacing:.5rem;color:#ff6b6b;margin-bottom:.5rem;font-size:2.5rem}.prompt-meaning.svelte-1n46o8q{margin-bottom:.5rem;font-size:1.3rem}.prompt-pinyin.svelte-1n46o8q{color:#ffd93d;font-size:1.1rem}.writing-area.svelte-1n46o8q{flex-direction:column;align-items:center;display:flex}.writing-grid.svelte-1n46o8q{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative}.writing-hint.svelte-1n46o8q{color:#666;text-align:center;padding:1rem;font-size:.9rem}.stroke-feedback.svelte-1n46o8q{text-align:center;color:#4ade80;min-height:1.5rem;font-size:1.1rem;font-weight:500}.writing-actions.svelte-1n46o8q{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.complete-view.svelte-1n46o8q{text-align:center;padding:4rem 2rem}.complete-view.svelte-1n46o8q h1:where(.svelte-1n46o8q){color:#4ade80;margin-bottom:1rem;font-size:2.5rem}.complete-view.svelte-1n46o8q p:where(.svelte-1n46o8q){color:#a0a0a0;margin-bottom:2rem}.sentence-view.svelte-1n46o8q{padding:2rem 2rem 6rem}.sentence-container.svelte-1n46o8q{margin:2rem 0}.sentence-word.svelte-1n46o8q{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.word-label.svelte-1n46o8q{color:#a0a0a0;font-size:.9rem}.word-hanzi.svelte-1n46o8q{color:#4ade80;font-size:1.5rem;font-weight:500}.sentence-card.svelte-1n46o8q{cursor:pointer;text-align:center;background:#16213e;border-radius:12px;padding:2rem;transition:transform .2s}.sentence-card.svelte-1n46o8q:hover{transform:scale(1.02)}.sentence-chinese.svelte-1n46o8q{color:#fff;margin-bottom:1rem;font-size:1.8rem;line-height:1.6}.sentence-english.svelte-1n46o8q{color:#a0a0a0;font-size:1.1rem;line-height:1.5}.sentence-actions.svelte-1n46o8q{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.dialogue-view.svelte-1n46o8q{padding:2rem 2rem 6rem}.dialogue-header.svelte-1n46o8q{text-align:center;margin-bottom:2rem}.dialogue-header.svelte-1n46o8q h2:where(.svelte-1n46o8q){color:#fff;margin-bottom:.5rem;font-size:1.8rem}.dialogue-level.svelte-1n46o8q{color:#4ade80;font-size:.9rem}.dialogue-progress.svelte-1n46o8q{margin:2rem 0}.dialogue-line.svelte-1n46o8q{background:#16213e;border:2px solid #0000;border-radius:12px;margin-bottom:.75rem;padding:1rem 1.5rem;transition:all .3s}.dialogue-line.active.svelte-1n46o8q{border-color:#4ade80;transform:scale(1.02)}.dialogue-line.completed.svelte-1n46o8q{opacity:.7}.speaker.svelte-1n46o8q{color:#4ade80;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.line-chinese.svelte-1n46o8q{color:#fff;cursor:pointer;margin-bottom:.5rem;font-size:1.4rem}.line-chinese.svelte-1n46o8q:hover{text-decoration:underline}.line-english.svelte-1n46o8q{color:#a0a0a0;margin-bottom:.25rem;font-size:1rem}.line-pinyin.svelte-1n46o8q{color:#666;font-size:.85rem;font-style:italic}.line-locked.svelte-1n46o8q{color:#555;text-align:center;padding:1rem}.btn-hint.svelte-1n46o8q{color:#888;cursor:pointer;background:0 0;border:1px dashed #555;border-radius:6px;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem}.btn-hint.svelte-1n46o8q:hover{color:#4ade80;border-color:#4ade80}.dialogue-nav.svelte-1n46o8q{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.settings-view.svelte-1n46o8q{padding:1rem}.settings-view.svelte-1n46o8q h1:where(.svelte-1n46o8q){text-align:center;margin-bottom:2rem}.settings-section.svelte-1n46o8q{background:#ffffff0d;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.settings-section.svelte-1n46o8q h2:where(.svelte-1n46o8q){color:#fff;margin-bottom:.5rem;font-size:1.1rem}.settings-section.svelte-1n46o8q p:where(.svelte-1n46o8q){color:#a0a0a0;margin-bottom:1rem;font-size:.95rem}.btn-danger.svelte-1n46o8q{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.btn-danger.svelte-1n46o8q:hover{background:#dc2626}.settings-section.about.svelte-1n46o8q{text-align:center}.settings-section.about.svelte-1n46o8q .donation-note:where(.svelte-1n46o8q){color:#4ade80;margin-top:1rem}.settings-section.about.svelte-1n46o8q .btc-address:where(.svelte-1n46o8q){background:#0000004d;border-radius:8px;margin-top:.5rem;padding:1rem}.settings-section.about.svelte-1n46o8q .btc-address:where(.svelte-1n46o8q) span:where(.svelte-1n46o8q){color:#a0a0a0;margin-right:.5rem}.settings-section.about.svelte-1n46o8q .btc-address:where(.svelte-1n46o8q) code:where(.svelte-1n46o8q){color:#ffd93d;word-break:break-all;font-size:.85rem}.lessons-view.svelte-1n46o8q{padding:1rem}.lessons-header.svelte-1n46o8q{text-align:center;margin-bottom:2rem}.lessons-header.svelte-1n46o8q h1:where(.svelte-1n46o8q){margin-bottom:.5rem;font-size:2rem}.lessons-subtitle.svelte-1n46o8q{color:#a0a0a0;margin-bottom:1.5rem;font-size:1rem}.mode-toggle.svelte-1n46o8q{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.mode-label.svelte-1n46o8q{color:#a0a0a0;font-size:.9rem}.mode-btn.svelte-1n46o8q{color:#a0a0a0;cursor:pointer;background:0 0;border:1px solid #4a5568;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.mode-btn.svelte-1n46o8q:hover{color:#ff6b6b;border-color:#ff6b6b}.mode-btn.active.svelte-1n46o8q{color:#fff;background:#ff6b6b;border-color:#ff6b6b}.mode-hint.svelte-1n46o8q{color:#666;font-size:.85rem;font-style:italic}.lessons-grid.svelte-1n46o8q{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.lessons-grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.btn-lessons.svelte-1n46o8q{color:#1a1a2e;cursor:pointer;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.75rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-lessons.svelte-1n46o8q:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.btn-lessons-disabled.svelte-1n46o8q{color:#666;cursor:not-allowed;opacity:.7;background:#ffffff1a;border:1px dashed #fff3;border-radius:8px;width:100%;padding:.75rem;font-size:.95rem}.lesson-player-view.svelte-1n46o8q{padding:1rem 1rem 6rem}