*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{line-height:1.5;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--fg);background:var(--bg);transition:background .3s,color .3s}img,svg{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,select,textarea{font:inherit}:root,[data-theme=light]{--seed-bg: #FFFDF7;--seed-fg: #1C1917;--seed-primary: #16A34A;--seed-secondary: #F97316;--seed-accent: #EAB308;--seed-surface: #FFFFFF;--seed-muted: #F5F0E8;--seed-border: #E7E0D5;--seed-radius: 18px;--success: #16A34A;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--font-display: "Nunito Sans", "Noto Sans SC", system-ui, sans-serif;--font-body: "Nunito Sans", "Noto Sans SC", system-ui, sans-serif;--font-cjk: "Noto Sans SC", "Nunito Sans", system-ui, sans-serif;--font-size-base: 16px}[data-theme=dark]{--seed-bg: #1A1814;--seed-fg: #F0ECE4;--seed-primary: #22C55E;--seed-secondary: #FB923C;--seed-accent: #FACC15;--seed-surface: #292520;--seed-muted: #1F1D18;--seed-border: #3D3830;--success: #22C55E;--warning: #FBBF24;--danger: #F87171;--info: #60A5FA}:root{--bg: var(--seed-bg);--surface: var(--seed-surface);--surface-raised: var(--seed-surface);--muted: var(--seed-muted);--fg: var(--seed-fg);--fg-secondary: color-mix(in srgb, var(--seed-fg) 65%, transparent);--fg-muted: color-mix(in srgb, var(--seed-fg) 40%, transparent);--fg-inverse: var(--seed-bg);--primary: var(--seed-primary);--primary-hover: color-mix(in srgb, var(--seed-primary) 85%, var(--seed-fg));--primary-fg: #FFFFFF;--secondary: var(--seed-secondary);--secondary-hover: color-mix(in srgb, var(--seed-secondary) 85%, var(--seed-fg));--accent: var(--seed-accent);--border: var(--seed-border);--border-subtle: color-mix(in srgb, var(--seed-border) 50%, transparent);--radius-xs: calc(var(--seed-radius) * .33);--radius-sm: calc(var(--seed-radius) * .5);--radius-md: var(--seed-radius);--radius-lg: calc(var(--seed-radius) * 1.33);--radius-xl: calc(var(--seed-radius) * 1.78);--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-glow: 0 0 20px color-mix(in srgb, var(--seed-primary) 25%, transparent);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}[data-theme=dark]{--primary-fg: #0F170F;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5)}.text-display{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;font-family:var(--font-display)}.text-h1{font-size:2rem;font-weight:700;line-height:1.15;letter-spacing:-.015em;font-family:var(--font-display)}.text-h2{font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;font-family:var(--font-display)}.text-h3{font-size:1.25rem;font-weight:600;line-height:1.25;letter-spacing:-.005em;font-family:var(--font-display)}.text-body{font-size:1rem;font-weight:400;line-height:1.55;letter-spacing:0}.text-body-lg{font-size:1.125rem;font-weight:400;line-height:1.6;letter-spacing:0}.text-sm{font-size:.875rem;font-weight:450;line-height:1.5;letter-spacing:.01em}.text-xs{font-size:.75rem;font-weight:450;line-height:1.5;letter-spacing:.02em}.text-label{font-size:.6875rem;font-weight:600;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}.font-cjk{font-family:var(--font-cjk)}.font-display{font-family:var(--font-display)}.char-display{font-family:var(--font-cjk);font-weight:600}.hanzi-hero{font-family:var(--font-cjk);font-weight:700;font-size:clamp(5rem,15vw,10rem);line-height:1;letter-spacing:0;color:var(--fg)}.hanzi-large{font-family:var(--font-cjk);font-weight:600;font-size:3rem;line-height:1.1}.hanzi-medium{font-family:var(--font-cjk);font-weight:500;font-size:1.75rem;line-height:1.2}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding-top:72px;padding-bottom:80px}@media (min-width: 768px){.app-main{padding-bottom:var(--space-8)}}.section-container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--space-5)}@media (min-width: 768px){.section-container{padding:0 var(--space-8)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--space-5)}@media (min-width: 768px){.navbar{padding:0 var(--space-8);height:72px}}.navbar-inner{width:100%;max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:1.125rem;letter-spacing:-.01em;color:var(--fg);cursor:pointer}.navbar-logo-char{font-family:var(--font-cjk);font-size:1.5rem;color:var(--primary);font-weight:700}.navbar-stats{display:flex;align-items:center;gap:var(--space-4)}.navbar-stat{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;font-weight:600;color:var(--fg-secondary)}.navbar-stat svg{width:18px;height:18px}.navbar-stat .xp-value{color:var(--secondary)}.navbar-stat .streak-value{color:var(--warning)}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.lang-switcher{display:flex;background:var(--muted);border-radius:var(--radius-full);padding:2px;gap:2px}.lang-btn{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--fg-muted);transition:all var(--duration-fast) var(--ease-smooth)}.lang-btn:hover{color:var(--fg-secondary)}.lang-btn.active{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--fg-secondary);transition:all var(--duration-fast) var(--ease-smooth)}.theme-toggle:hover{background:var(--muted);color:var(--fg)}.theme-toggle svg{width:18px;height:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;letter-spacing:.01em;transition:all var(--duration-fast) var(--ease-bounce);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--primary-fg);box-shadow:var(--shadow-sm),0 2px color-mix(in srgb,var(--primary) 70%,black)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md),0 3px color-mix(in srgb,var(--primary) 70%,black);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px) scale(.98);box-shadow:0 1px color-mix(in srgb,var(--primary) 70%,black)}.btn-secondary{background:var(--muted);color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-ghost{background:transparent;color:var(--fg-secondary)}.btn-ghost:hover{background:var(--muted);color:var(--fg)}.btn-lg{padding:14px 28px;font-size:1.0625rem;border-radius:var(--radius-lg)}.btn-sm{padding:6px 14px;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--ease-smooth)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.card-body{padding:var(--space-5)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.progress-bar{width:100%;height:8px;background:var(--muted);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-bounce)}.progress-fill-accent{background:var(--secondary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-primary{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.badge-secondary{background:color-mix(in srgb,var(--secondary) 15%,transparent);color:var(--secondary)}.badge-warning{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.badge-success{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.badge-danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:var(--space-2) var(--space-3);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom))}@media (min-width: 768px){.mobile-nav{display:none}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--fg-muted);font-size:.625rem;font-weight:600;transition:color var(--duration-fast)}.mobile-nav-item svg{width:22px;height:22px}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item:hover{color:var(--fg)}.landing-hero{min-height:calc(100vh - 72px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-5);position:relative;overflow:hidden}.landing-mascot{width:140px;height:140px;margin-bottom:var(--space-6);animation:float 3s ease-in-out infinite}.landing-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.05;letter-spacing:-.025em;margin-bottom:var(--space-4);font-family:var(--font-display)}.landing-title-char{font-family:var(--font-cjk);color:var(--primary)}.landing-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--fg-secondary);max-width:480px;margin:0 auto var(--space-8);line-height:1.5}.landing-lang-select{display:flex;gap:var(--space-3);margin-bottom:var(--space-8)}.lang-card{padding:var(--space-4) var(--space-6);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-bounce);text-align:center;min-width:100px}.lang-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.lang-card.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface));box-shadow:var(--shadow-glow)}.lang-card-flag{font-size:1.75rem;margin-bottom:var(--space-1)}.lang-card-name{font-weight:600;font-size:.875rem}.lang-card-native{font-size:.75rem;color:var(--fg-muted);margin-top:2px}.floating-chars{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-char{position:absolute;font-family:var(--font-cjk);font-size:2rem;color:var(--fg-muted);opacity:.12;animation:floatSlow 8s ease-in-out infinite}.learn-header{text-align:center;padding:var(--space-10) var(--space-5) var(--space-6)}.learn-path{display:flex;flex-direction:column;align-items:center;gap:var(--space-10);padding:var(--space-4) var(--space-5) var(--space-16);max-width:480px;margin:0 auto}.unit-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%}.unit-label{text-align:center}.unit-title{font-size:1.125rem;font-weight:700;font-family:var(--font-display);color:var(--fg)}.unit-subtitle{font-size:.8125rem;color:var(--fg-muted);margin-top:2px}.lesson-nodes{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.lesson-node{width:72px;height:72px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-cjk);font-size:1.75rem;font-weight:700;cursor:pointer;transition:all var(--duration-normal) var(--ease-bounce);position:relative;border:3px solid transparent}.lesson-node:hover:not(.node-locked){transform:scale(1.12);box-shadow:var(--shadow-lg)}.lesson-node:active:not(.node-locked){transform:scale(.95)}.node-complete{background:var(--primary);color:var(--primary-fg);border-color:color-mix(in srgb,var(--primary) 60%,black);box-shadow:0 3px color-mix(in srgb,var(--primary) 60%,black)}.node-current{background:var(--secondary);color:#fff;border-color:color-mix(in srgb,var(--secondary) 60%,black);box-shadow:0 3px color-mix(in srgb,var(--secondary) 60%,black);animation:pulse 2s ease-in-out infinite}.node-available{background:var(--surface);color:var(--fg);border-color:var(--border);box-shadow:0 3px 0 var(--border)}.node-locked{background:var(--muted);color:var(--fg-muted);border-color:var(--border-subtle);cursor:not-allowed;opacity:.5}.node-stars{position:absolute;bottom:-10px;display:flex;gap:1px}.node-star{width:14px;height:14px}.lesson-node:nth-child(2){margin-left:60px}.lesson-node:nth-child(3){margin-left:80px}.lesson-node:nth-child(4){margin-left:0}.lesson-node:nth-child(5){margin-left:-60px}.char-detail{max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-5)}.char-hero-area{text-align:center;padding:var(--space-8) 0;position:relative}.char-stroke-container{width:200px;height:200px;margin:0 auto var(--space-4);background:var(--muted);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.char-stroke-container .hanzi-hero{animation:strokeReveal 1s var(--ease-smooth) forwards}.char-pinyin{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:var(--space-1);font-family:var(--font-display)}.char-meaning{font-size:1.125rem;color:var(--fg-secondary);margin-bottom:var(--space-2)}.char-meta{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-3)}.comparison-panel{margin-top:var(--space-8)}.comparison-title{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-4);font-family:var(--font-display)}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media (max-width: 640px){.comparison-grid{grid-template-columns:repeat(2,1fr)}}.comparison-card{padding:var(--space-4);background:var(--muted);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-subtle)}.comparison-lang{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:var(--space-2)}.comparison-char{font-family:var(--font-cjk);font-size:2rem;font-weight:600;line-height:1.2;margin-bottom:var(--space-1)}.comparison-reading{font-size:.8125rem;color:var(--fg-secondary);margin-bottom:var(--space-1)}.comparison-meaning{font-size:.75rem;color:var(--fg-muted)}.phrase-list{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.phrase-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.phrase-char{font-family:var(--font-cjk);font-size:1.5rem;font-weight:600;min-width:60px}.phrase-reading{font-size:.8125rem;color:var(--primary);font-weight:500}.phrase-translation{font-size:.875rem;color:var(--fg-secondary)}.char-actions{display:flex;gap:var(--space-3);margin-top:var(--space-8);justify-content:center;flex-wrap:wrap}.quiz-container{max-width:600px;margin:0 auto;padding:var(--space-6) var(--space-5)}.quiz-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.quiz-progress{flex:1;height:12px;background:var(--muted);border-radius:var(--radius-full);overflow:hidden}.quiz-progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .5s var(--ease-bounce)}.quiz-close{color:var(--fg-muted)}.quiz-question{text-align:center;margin-bottom:var(--space-8)}.quiz-prompt{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-6);font-family:var(--font-display);color:var(--fg)}.quiz-character{font-family:var(--font-cjk);font-size:clamp(4rem,12vw,7rem);font-weight:700;line-height:1;margin-bottom:var(--space-4);color:var(--fg)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-6)}@media (max-width: 480px){.quiz-options{grid-template-columns:1fr}}.quiz-option{padding:var(--space-4) var(--space-5);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;font-weight:500;text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-bounce);background:var(--surface)}.quiz-option:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.quiz-option:active{transform:translateY(1px)}.quiz-option.correct{border-color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success);animation:correctPop .4s var(--ease-bounce)}.quiz-option.incorrect{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);animation:shake .4s ease-in-out}.quiz-option-char{font-family:var(--font-cjk);font-size:1.75rem;font-weight:600;display:block;margin-bottom:var(--space-1)}.quiz-feedback{text-align:center;padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);animation:slideUp .3s var(--ease-bounce)}.quiz-feedback.correct{background:color-mix(in srgb,var(--success) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}.quiz-feedback.incorrect{background:color-mix(in srgb,var(--danger) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.quiz-feedback-icon{font-size:2rem;margin-bottom:var(--space-2)}.quiz-feedback-text{font-weight:600;font-size:1.125rem}.quiz-complete{text-align:center;padding:var(--space-10) var(--space-5)}.quiz-complete-icon{width:80px;height:80px;margin:0 auto var(--space-5);background:color-mix(in srgb,var(--success) 15%,transparent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--success);animation:correctPop .6s var(--ease-bounce)}.quiz-complete-icon svg{width:40px;height:40px}.quiz-xp-earned{font-size:2rem;font-weight:700;color:var(--secondary);margin:var(--space-4) 0;font-family:var(--font-display)}.progress-dashboard{max-width:880px;margin:0 auto;padding:var(--space-6) var(--space-5)}.progress-header{margin-bottom:var(--space-8)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media (max-width: 768px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.stat-icon{width:40px;height:40px;margin:0 auto var(--space-3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon svg{width:20px;height:20px}.stat-icon.green{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.stat-icon.orange{background:color-mix(in srgb,var(--secondary) 12%,transparent);color:var(--secondary)}.stat-icon.gold{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.stat-icon.blue{background:color-mix(in srgb,var(--info) 12%,transparent);color:var(--info)}.stat-value{font-size:1.75rem;font-weight:700;font-family:var(--font-display);color:var(--fg);margin-bottom:2px}.stat-label{font-size:.75rem;color:var(--fg-muted);font-weight:500}.level-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-8)}.level-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.level-title{font-weight:700;font-family:var(--font-display);font-size:1rem}.level-xp{font-size:.875rem;color:var(--fg-muted);font-weight:500}.heatmap-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-8)}.heatmap-title{font-weight:700;font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-4)}.heatmap-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);max-width:360px;margin:0 auto}.heatmap-day{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--muted);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--fg-muted);transition:all var(--duration-fast)}.heatmap-day.level-1{background:color-mix(in srgb,var(--primary) 20%,var(--muted));color:var(--fg-secondary)}.heatmap-day.level-2{background:color-mix(in srgb,var(--primary) 40%,var(--muted));color:var(--fg-secondary)}.heatmap-day.level-3{background:color-mix(in srgb,var(--primary) 65%,var(--muted));color:#fff}.heatmap-day.level-4{background:var(--primary);color:#fff}.achievements-section{margin-bottom:var(--space-8)}.achievements-title{font-weight:700;font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-4)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.achievement-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;transition:all var(--duration-normal) var(--ease-bounce)}.achievement-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.achievement-card.locked{opacity:.4;filter:grayscale(1)}.achievement-icon{width:48px;height:48px;margin:0 auto var(--space-2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.achievement-icon svg{width:24px;height:24px}.achievement-name{font-size:.8125rem;font-weight:600;margin-bottom:2px}.achievement-desc{font-size:.6875rem;color:var(--fg-muted)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(3deg)}66%{transform:translateY(-8px) rotate(-2deg)}}@keyframes pulse{0%,to{box-shadow:0 3px color-mix(in srgb,var(--secondary) 60%,black),0 0 color-mix(in srgb,var(--secondary) 30%,transparent)}50%{box-shadow:0 3px color-mix(in srgb,var(--secondary) 60%,black),0 0 0 8px color-mix(in srgb,var(--secondary) 0%,transparent)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes correctPop{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes strokeReveal{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes confettiBurst{0%{transform:translateY(0) scale(0);opacity:1}50%{transform:translateY(-30px) scale(1.2);opacity:.8}to{transform:translateY(-60px) scale(.5);opacity:0}}@keyframes countUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes flameFlicker{0%,to{transform:scaleY(1) scaleX(1)}25%{transform:scaleY(1.08) scaleX(.95)}50%{transform:scaleY(.95) scaleX(1.05)}75%{transform:scaleY(1.05) scaleX(.97)}}.flame-icon{animation:flameFlicker .8s ease-in-out infinite}.animate-fadeIn{animation:fadeIn .4s var(--ease-smooth)}.animate-slideUp{animation:slideUp .3s var(--ease-bounce)}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:200}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:confettiFall 1.5s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (max-width: 480px){.landing-lang-select{flex-direction:column;align-items:center}.lang-card{width:100%;max-width:200px}.comparison-grid{grid-template-columns:1fr 1fr}.quiz-options{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.achievements-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 481px) and (max-width: 768px){.comparison-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.learn-path{max-width:560px}.lesson-node{width:80px;height:80px;font-size:2rem}.char-detail{max-width:800px}}@media (min-width: 1024px){.char-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:960px}.char-hero-area{position:sticky;top:88px;align-self:start}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.text-center{text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}