:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#4834d4;--accent:#ff6b6b;--accent-light:#ff8e8e;--success:#00b894;--success-light:#55efc4;--warning:#fdcb6e;--danger:#e17055;--bg:#f8f9fe;--bg-card:#fff;--text:#2d3436;--text-secondary:#636e72;--text-light:#b2bec3;--border:#e8ecf4;--shadow:0 4px 20px #6c5ce714;--shadow-lg:0 8px 40px #6c5ce71f;--shadow-hover:0 12px 48px #6c5ce72e;--radius:16px;--radius-sm:10px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fe;background:var(--bg);color:#2d3436;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}button{border:none;cursor:pointer}button,input{font-family:inherit;outline:none}.app{display:flex;flex-direction:column;margin:0 auto;max-width:480px;min-height:100vh;padding:0 16px;width:100%}.header{background:var(--bg);justify-content:space-between;padding:20px 0;position:sticky;top:0;z-index:10}.header,.header-logo{align-items:center;display:flex}.header-logo{gap:10px}.header-logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-sm);color:#fff;display:flex;font-size:16px;font-weight:800;height:36px;justify-content:center;width:36px}.header-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.header-logo-subtitle{align-self:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:11px;padding:2px 8px}.header-logo-subtitle,.header-streak{border-radius:var(--radius-full);font-weight:600}.header-streak{align-items:center;background:var(--bg-card);box-shadow:var(--shadow);color:var(--accent);display:flex;font-size:14px;gap:6px;padding:8px 14px}.home{flex:1 1;padding:10px 0 40px}.greeting{margin-bottom:28px}.greeting h1{color:var(--text);font-size:26px;font-weight:800;margin-bottom:6px}.greeting p{color:var(--text-secondary);font-size:15px}.stats-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:28px}.stat-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding:20px;position:relative}.stat-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card.purple:before{background:linear-gradient(90deg,var(--primary),var(--primary-light))}.stat-card.green:before{background:linear-gradient(90deg,var(--success),var(--success-light))}.stat-card.orange:before{background:linear-gradient(90deg,var(--accent),var(--accent-light))}.stat-card.yellow:before{background:linear-gradient(90deg,var(--warning),#fde68a)}.stat-card .stat-value{font-size:28px;font-weight:800;margin-bottom:4px}.stat-card.purple .stat-value{color:var(--primary)}.stat-card.green .stat-value{color:var(--success)}.stat-card.orange .stat-value{color:var(--accent)}.stat-card.yellow .stat-value{color:var(--warning)}.stat-card .stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.action-cards{display:flex;flex-direction:column;gap:12px}.action-card{align-items:center;background:var(--bg-card);border:2px solid #0000;border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;display:flex;gap:16px;padding:22px 20px;text-align:left;transition:all .3s ease;width:100%}.action-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.action-card:active{transform:translateY(0)}.action-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.action-icon.learn{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.action-icon.quiz{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.action-icon.review{background:linear-gradient(135deg,#00b894,#55efc4)}.action-icon.stats{background:linear-gradient(135deg,#fdcb6e,#fde68a)}.action-content h3{font-size:16px;font-weight:700;margin-bottom:3px}.action-content p{color:var(--text-secondary);font-size:13px}.action-arrow{color:var(--text-light);font-size:18px;margin-left:auto}.learn-view{flex:1 1;padding:10px 0 40px}.back-btn{align-items:center;background:none;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:16px;padding:4px 0}.back-btn:hover{color:var(--primary)}.progress-bar-container{margin-bottom:24px}.progress-bar-header{color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-bottom:8px}.progress-bar{background:var(--border);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);height:100%;transition:width .5s ease}.word-card{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-lg);margin-bottom:20px;overflow:hidden;padding:32px 24px;position:relative;text-align:center}.word-card:before{background:linear-gradient(90deg,var(--primary),var(--primary-light),var(--accent));content:"";height:4px;left:0;position:absolute;right:0;top:0}.word-card .word-english{color:var(--text);font-size:32px;font-weight:800;margin-bottom:8px}.word-card .word-phonetic{color:var(--primary);font-size:16px;font-weight:500;margin-bottom:4px}.word-card .word-pos{color:var(--text-light);font-size:13px;font-weight:500;margin-bottom:20px}.word-card .word-chinese{background:linear-gradient(135deg,#6c5ce70f,#a29bfe0f);border-radius:var(--radius-sm);color:var(--primary-dark);font-size:22px;font-weight:700;margin-bottom:24px;padding:12px}.word-card .word-example{background:var(--bg);border-radius:var(--radius-sm);padding:16px;text-align:left}.word-card .word-example-en{color:var(--text);font-size:14px;font-weight:500;line-height:1.5;margin-bottom:6px}.word-card .word-example-cn{color:var(--text-secondary);font-size:13px;line-height:1.5}.word-card .difficulty-badge{border-radius:var(--radius-full);font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:16px;top:16px}.difficulty-badge.easy{background:#00b8941a;color:var(--success)}.difficulty-badge.medium{background:#fdcb6e33;color:#e17055}.difficulty-badge.hard{background:#ff6b6b1a;color:var(--accent)}.nav-buttons{display:flex;gap:12px}.nav-btn{border-radius:var(--radius);flex:1 1;font-size:15px;font-weight:600;padding:16px;transition:all .2s ease}.nav-btn.secondary{background:var(--bg-card);box-shadow:var(--shadow);color:var(--text-secondary)}.nav-btn.secondary:hover{background:var(--border)}.nav-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 15px #6c5ce74d;color:#fff}.nav-btn.primary:hover{box-shadow:0 6px 20px #6c5ce766;transform:translateY(-1px)}.nav-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.quiz-view{flex:1 1;padding:10px 0 40px}.quiz-question-label{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.quiz-prompt{font-size:24px;font-weight:700;margin-bottom:8px}.quiz-hint{color:var(--text-light);font-size:14px;margin-bottom:24px}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.quiz-option{background:var(--bg-card);border:2px solid #0000;border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);font-size:16px;font-weight:500;padding:16px 20px;text-align:left;transition:all .2s ease;width:100%}.quiz-option:hover:not(:disabled){border-color:var(--primary-light);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.quiz-option.correct{background:#00b8941a;border-color:var(--success);color:var(--success)}.quiz-option.wrong{background:#ff6b6b1a;border-color:var(--accent);color:var(--accent)}.quiz-option:disabled{cursor:default}.spelling-input{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);font-size:18px;font-weight:500;margin-bottom:12px;padding:16px 20px;text-align:center;transition:border-color .2s;width:100%}.spelling-input:focus{border-color:var(--primary)}.spelling-input.correct{background:#00b8940d;border-color:var(--success)}.spelling-input.wrong{background:#ff6b6b0d;border-color:var(--accent)}.quiz-feedback{border-radius:var(--radius);font-size:14px;line-height:1.6;margin-bottom:16px;padding:16px}.quiz-feedback.correct{background:#00b89414;color:var(--success)}.quiz-feedback.wrong{background:#ff6b6b14;color:var(--accent)}.quiz-feedback .correct-answer{font-weight:700;margin-top:4px}.quiz-results{padding:20px 0;text-align:center}.results-circle{align-items:center;border-radius:50%;display:flex;flex-direction:column;height:160px;justify-content:center;margin:0 auto 24px;position:relative;width:160px}.results-circle:before{border-radius:50%;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;position:absolute}.results-circle:before,.results-score{background:linear-gradient(135deg,var(--primary),var(--success))}.results-score{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800}.results-label{color:var(--text-secondary);font-size:13px;font-weight:500}.results-message{font-size:20px;font-weight:700;margin-bottom:8px}.results-submessage{color:var(--text-secondary);font-size:14px;margin-bottom:28px}.results-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:28px}.results-stat{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.results-stat-value{font-size:22px;font-weight:700}.results-stat-value.green{color:var(--success)}.results-stat-value.red{color:var(--accent)}.results-stat-value.purple{color:var(--primary)}.results-stat-label{color:var(--text-secondary);font-size:12px;margin-top:2px}.stats-view{flex:1 1;padding:10px 0 40px}.stats-view h2{font-size:22px;font-weight:700;margin-bottom:20px}.stats-overview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.chart-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:24px}.chart-card h3{color:var(--text-secondary);font-size:15px;font-weight:600;margin-bottom:16px}.pie-chart{align-items:center;display:flex;gap:20px}.pie-visual{border-radius:50%;flex-shrink:0;height:100px;position:relative;width:100px}.pie-center{align-items:center;background:var(--bg-card);border-radius:50%;color:var(--primary);display:flex;font-size:18px;font-weight:700;inset:15px;justify-content:center;position:absolute}.pie-legend{display:flex;flex-direction:column;gap:8px}.pie-legend-item{align-items:center;display:flex;font-size:13px;gap:8px}.pie-legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.word-list-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.word-list-card h3{color:var(--text-secondary);font-size:15px;font-weight:600;margin-bottom:16px}.word-list-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 0}.word-list-item:last-child{border-bottom:none}.word-list-item .word-info{display:flex;flex-direction:column}.word-list-item .word-en{font-size:15px;font-weight:600}.word-list-item .word-cn{color:var(--text-secondary);font-size:13px}.level-badge{border-radius:var(--radius-full);font-size:11px;font-weight:600;padding:4px 10px}.level-badge.new{background:#b2bec326;color:var(--text-light)}.level-badge.learning{background:#6c5ce71a;color:var(--primary)}.level-badge.familiar{background:#fdcb6e33;color:#e17055}.level-badge.mastered{background:#00b8941a;color:var(--success)}.empty-state{padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:700;margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:14px;margin-bottom:24px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.confetti-piece{animation:confetti-fall 3s ease-in forwards;height:10px;position:fixed;top:-10px;width:10px;z-index:100}@media (max-width:400px){.word-card .word-english{font-size:26px}.stats-cards{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0ce2abe1.css.map*/