:root{--primary: #4a9d5b;--primary-light: #e8f5e9;--primary-dark: #2e7d32;--accent: #ff7043;--accent-light: #fff3e0;--bg: #fafbf7;--card: #ffffff;--text: #2d3436;--text-secondary: #636e72;--success: #00b894;--error: #e17055;--warning: #fdcb6e;--border: #e0e6e0;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100dvh;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}#app{max-width:480px;margin:0 auto;padding:16px;min-height:100dvh}.site-header{text-align:center;padding:24px 0 16px}.site-header h1{font-size:1.75rem;font-weight:800;color:var(--primary-dark);letter-spacing:-.5px}.site-header .tagline{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.lang-toggle{position:absolute;top:16px;right:16px;background:var(--primary-light);border:1.5px solid var(--primary);color:var(--primary-dark);border-radius:20px;padding:4px 14px;font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent}.lang-toggle:hover{background:#c8e6c9}.lang-toggle:active{transform:scale(.95)}.site-header{position:relative}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.stat-card{background:var(--card);border-radius:var(--radius-sm);padding:14px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border)}.stat-card .stat-value{font-size:1.5rem;font-weight:800;color:var(--primary)}.stat-card .stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.stat-card.accent .stat-value{color:var(--accent)}.stat-card.success .stat-value{color:var(--success)}.stat-card.warning .stat-value{color:#f9a825}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.mode-card{background:var(--card);border-radius:var(--radius);padding:18px 14px;text-align:center;box-shadow:var(--shadow);border:2px solid transparent;cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;user-select:none}.mode-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.mode-card:active{transform:scale(.97)}.mode-card .mode-icon{font-size:1.8rem;margin-bottom:6px}.mode-card .mode-title{font-size:.85rem;font-weight:700;color:var(--text)}.mode-card .mode-desc{font-size:.7rem;color:var(--text-secondary);margin-top:2px}.view{display:none}.view.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1.15rem;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#e65100}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-ghost{background:var(--primary-light);color:var(--primary-dark)}.btn-ghost:hover{background:#c8e6c9}.btn-sm{padding:8px 14px;font-size:.8rem;border-radius:var(--radius-xs)}.btn-block{width:100%}.btn-group{display:flex;gap:10px;margin-top:14px}.btn-group .btn{flex:1}.back-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer;padding:8px 0;margin-bottom:8px;-webkit-tap-highlight-color:transparent}.daily-card{background:linear-gradient(135deg,var(--primary-light) 0%,#f1f8e9 100%);border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow);border:1px solid var(--border)}.daily-card .word-main{font-size:2rem;font-weight:800;color:var(--primary-dark)}.daily-card .word-pos{font-size:.8rem;color:var(--text-secondary);font-style:italic}.daily-card .word-pron{font-size:.9rem;color:var(--primary);margin-top:2px}.daily-card .word-def{font-size:1rem;margin-top:10px;line-height:1.5}.daily-card .word-zh{font-size:.95rem;color:var(--accent);margin-top:4px}.daily-card .word-example{font-size:.85rem;color:var(--text-secondary);margin-top:10px;padding:10px;background:#fff9;border-radius:var(--radius-xs);font-style:italic;line-height:1.5}.flashcard-container{perspective:800px;height:280px;margin:10px 0}.flashcard{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-tap-highlight-color:transparent}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border)}.flashcard-front{background:linear-gradient(135deg,#fff 0%,var(--primary-light) 100%)}.flashcard-front .fc-word{font-size:2.2rem;font-weight:800;color:var(--primary-dark)}.flashcard-front .fc-hint{font-size:.8rem;color:var(--text-secondary);margin-top:12px}.flashcard-back{background:linear-gradient(135deg,#fff,#fff8e1);transform:rotateY(180deg);text-align:center;gap:8px}.flashcard-back .fc-def{font-size:1.05rem;font-weight:600;color:var(--text)}.flashcard-back .fc-zh{font-size:.95rem;color:var(--accent)}.flashcard-back .fc-example{font-size:.8rem;color:var(--text-secondary);font-style:italic;line-height:1.5;margin-top:4px}.fc-counter{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-bottom:6px}.quiz-word{font-size:1.8rem;font-weight:800;text-align:center;color:var(--primary-dark);margin:10px 0}.quiz-pron{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-bottom:16px}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;font-size:.9rem;cursor:pointer;transition:var(--transition);text-align:left;-webkit-tap-highlight-color:transparent}.quiz-option:hover{border-color:var(--primary)}.quiz-option.correct{border-color:var(--success);background:#e0f7ef;animation:correctPulse .4s ease}.quiz-option.wrong{border-color:var(--error);background:#fde8e4;animation:shake .4s ease}.quiz-option.disabled{pointer-events:none;opacity:.6}.quiz-option.disabled.correct{opacity:1}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.quiz-score{text-align:center;margin-top:12px;font-size:.85rem;color:var(--text-secondary)}.matching-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.matching-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-sm);padding:14px 10px;text-align:center;font-size:.85rem;cursor:pointer;transition:var(--transition);min-height:64px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;line-height:1.3}.matching-card:hover{border-color:var(--primary)}.matching-card.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px var(--primary)}.matching-card.matched{border-color:var(--success);background:#e0f7ef;opacity:.7;pointer-events:none}.matching-card.wrong-flash{animation:shake .4s ease;border-color:var(--error);background:#fde8e4}.matching-info{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-bottom:10px}.fb-sentence{font-size:1.1rem;line-height:1.7;padding:16px;background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin:10px 0;text-align:center}.fb-blank{display:inline-block;min-width:80px;border-bottom:2px dashed var(--primary);color:var(--primary);font-weight:700}.fb-hint{font-size:.85rem;color:var(--text-secondary);text-align:center;margin:8px 0}.fb-input-row{display:flex;gap:8px;margin:10px 0}.fb-input-row input{flex:1;padding:12px 14px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;outline:none;transition:var(--transition)}.fb-input-row input:focus{border-color:var(--primary)}.fb-input-row input.correct{border-color:var(--success);background:#e0f7ef}.fb-input-row input.wrong{border-color:var(--error);background:#fde8e4}.fb-reveal{font-size:.85rem;text-align:center;margin-top:8px;color:var(--accent);font-weight:600}.garden-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin-top:10px}.garden-plant{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:var(--radius-xs);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)}.garden-plant:hover{transform:scale(1.05)}.garden-plant .plant-icon{font-size:1.5rem;animation:sway 3s ease-in-out infinite}.garden-plant.review .plant-icon{animation:sprout 2s ease-in-out infinite}.garden-plant .plant-word{font-size:.55rem;color:var(--text-secondary);text-align:center;line-height:1.2;word-break:break-word}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes sprout{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}.garden-legend{display:flex;gap:16px;justify-content:center;margin:12px 0;font-size:.8rem;color:var(--text-secondary)}.garden-legend span{display:flex;align-items:center;gap:4px}.reset-section{text-align:center;margin:32px 0 16px;padding:20px;border-top:1px solid var(--border)}.import-export-row{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.import-label{cursor:pointer}.version-info{margin-top:12px;font-size:.7rem;color:var(--text-secondary);opacity:.6}.reset-section .reset-btn{background:none;border:1px solid var(--error);color:var(--error);padding:8px 20px;border-radius:var(--radius-xs);font-size:.8rem;cursor:pointer;transition:var(--transition)}.reset-section .reset-btn:hover{background:#fde8e4}.modal-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:100;align-items:center;justify-content:center;padding:20px}.modal-overlay.active{display:flex;animation:fadeIn .2s ease}.modal-box{background:var(--card);border-radius:var(--radius);padding:24px;max-width:320px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.modal-box h3{font-size:1.1rem;margin-bottom:8px}.modal-box p{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}.result-screen{text-align:center;padding:32px 16px}.result-screen .result-emoji{font-size:3rem;margin-bottom:8px}.result-screen .result-title{font-size:1.3rem;font-weight:700;color:var(--primary-dark)}.result-screen .result-detail{font-size:.9rem;color:var(--text-secondary);margin-top:6px}.empty-state{text-align:center;padding:40px 16px;color:var(--text-secondary)}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:8px}.badge{display:inline-block;font-size:.65rem;padding:2px 8px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-beginner{background:#e8f5e9;color:#2e7d32}.badge-intermediate{background:#fff3e0;color:#e65100}.badge-advanced{background:#fce4ec;color:#c62828}@media(min-width:600px){#app{padding:24px}.dashboard{grid-template-columns:repeat(4,1fr)}.mode-grid{grid-template-columns:repeat(3,1fr)}}.difficulty-stats{display:flex;gap:10px;margin:12px 0}.difficulty-stat{flex:1;background:var(--card);border-radius:var(--radius-sm);padding:12px 6px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border);border-top:3px solid var(--primary);display:flex;flex-direction:column;align-items:center;gap:4px}.difficulty-stat:nth-child(2){border-top-color:var(--accent)}.difficulty-stat:nth-child(3){border-top-color:var(--error)}.difficulty-stat .difficulty-icon{font-size:1.1rem;line-height:1}.difficulty-stat .difficulty-name{font-size:.75rem;font-weight:700;color:var(--text)}.difficulty-stat .difficulty-count{font-size:.75rem;color:var(--text-secondary)}@media(max-width:480px){.difficulty-stats{flex-direction:column}}