*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--radius: 8px}[data-theme=light],:root{--bg: #f5f6fa;--bg-card: #ffffff;--bg-input: #eef0f6;--text: #1a1d27;--text-dim: #6b7085;--primary: #6c5ce7;--primary-hover: #5a4bd1;--success: #22b259;--error: #e63946;--border: #dfe2ea;--shadow: 0 2px 8px rgba(0, 0, 0, .06)}[data-theme=dark]{--bg: #0f1117;--bg-card: #1a1d27;--bg-input: #252833;--text: #e4e6ed;--text-dim: #8b8fa3;--primary: #6c5ce7;--primary-hover: #5a4bd1;--success: #2ed573;--error: #ff4757;--border: #2d3040;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:24px 16px}.page{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.navbar{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 16px;box-shadow:var(--shadow)}.navbar-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}.navbar-brand{font-size:1.2rem;font-weight:700;color:var(--primary)}.navbar-brand:hover{text-decoration:none}.navbar-links{display:flex;align-items:center;gap:16px}.navbar-links a{color:var(--text-dim);font-size:.9rem}.navbar-links a:hover{color:var(--text);text-decoration:none}.navbar-lang{display:flex;gap:6px}.pill-sm{padding:4px 10px;font-size:.8rem}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger,.hamburger:before,.hamburger:after{display:block;width:22px;height:2px;background:var(--text);border-radius:1px;transition:transform .2s ease,opacity .2s ease}.hamburger{position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-7px}.hamburger:after{top:7px}.navbar-toggle.open .hamburger{background:transparent}.navbar-toggle.open .hamburger:before{top:0;transform:rotate(45deg)}.navbar-toggle.open .hamburger:after{top:0;transform:rotate(-45deg)}.btn{display:inline-block;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);cursor:pointer;font-size:.9rem;transition:background .15s}.btn:hover{background:var(--bg-input)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-sm{padding:4px 12px;font-size:.85rem}.btn-lg{padding:12px 32px;font-size:1.1rem}.btn:disabled{opacity:.5;cursor:not-allowed}label{display:block;margin-bottom:16px;font-size:.9rem;color:var(--text-dim)}input,select{display:block;width:100%;margin-top:4px;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem}input:focus,select:focus{outline:none;border-color:var(--primary)}.auth-page{display:flex;justify-content:center;padding-top:60px}.auth-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.auth-card h1{margin-bottom:24px;font-size:1.5rem}.auth-link{margin-top:16px;text-align:center;font-size:.9rem;color:var(--text-dim)}.alert{padding:10px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:.9rem}.alert-error{background:#ff475726;color:var(--error);border:1px solid rgba(255,71,87,.3)}.alert-success{background:#2ed57326;color:var(--success);border:1px solid rgba(46,213,115,.3)}.loading{text-align:center;padding:48px;color:var(--text-dim)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:24px 0}.stats-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center;box-shadow:var(--shadow)}.stats-icon{font-size:1.5rem;line-height:1;margin-bottom:4px}.stats-value{font-size:1.8rem;font-weight:700;color:var(--primary)}.stats-label{font-size:.8rem;color:var(--text-dim);margin-top:4px}.progress-bar-wrapper{margin:20px 0}.progress-label{font-size:.9rem;color:var(--text-dim);margin-bottom:6px}.progress-bar{height:12px;background:var(--bg-input);border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:6px;transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--text-dim);margin-top:4px}.language-pills{display:inline-flex;gap:8px;margin-top:8px}.pill{padding:6px 16px;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);cursor:pointer;font-size:.9rem;transition:all .15s}.pill:hover:not(:disabled){border-color:var(--primary);color:var(--text)}.pill-active{background:var(--primary);border-color:var(--primary);color:#fff}.pill-active:hover:not(:disabled){background:var(--primary-hover);color:#fff}.pill:disabled{opacity:.5;cursor:not-allowed}.dashboard-cta{text-align:center;margin:32px 0}.history-section{margin-top:32px}.history-section h2{font-size:1.1rem;margin-bottom:16px}.history-chart{display:flex;align-items:flex-end;gap:4px;height:120px;padding:8px 0;overflow-x:auto}.history-bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;min-width:24px;height:100%;justify-content:flex-end}.history-bar{width:100%;max-width:28px;background:var(--primary);border-radius:3px 3px 0 0;min-height:4px}.history-date{font-size:.6rem;color:var(--text-dim);margin-top:4px;white-space:nowrap}.review-header{margin-bottom:24px}.review-progress{font-size:.9rem;color:var(--text-dim)}.review-progress-bar{height:6px;background:var(--bg-input);border-radius:3px;margin-top:8px;overflow:hidden}.review-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.quiz-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:center;box-shadow:var(--shadow)}.quiz-direction{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.quiz-prompt{font-size:2rem;font-weight:700;margin-bottom:32px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:500px;margin:0 auto}.quiz-option{padding:14px 20px;background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:1rem;transition:border-color .15s,background .15s}.quiz-option-key{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.7rem;font-weight:600;border-radius:4px;background:var(--bg);color:var(--text-dim);margin-right:8px;flex-shrink:0}.quiz-option:hover:not(:disabled){border-color:var(--primary)}.quiz-option.correct{border-color:var(--success);background:#2ed57326}.quiz-option.incorrect{border-color:var(--error);background:#ff475726}.quiz-option.dimmed{opacity:.4}.quiz-skip{display:block;margin:16px auto 0;padding:6px 20px;background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;font-size:.85rem;transition:border-color .15s,color .15s}.quiz-skip:hover{border-color:var(--text-dim);color:var(--text)}.quiz-feedback{margin-top:24px}.feedback-correct{color:var(--success);font-size:1.2rem;font-weight:600}.feedback-incorrect{color:var(--error);font-size:1.1rem}.quiz-example{margin-top:12px;font-size:.9rem;color:var(--text-dim)}.quiz-example .example-front{font-style:italic}.quiz-notes{margin-top:10px;font-size:.82rem;color:var(--text-dim);opacity:.85;border-left:2px solid var(--border);padding-left:10px}.review-actions{text-align:center;margin-top:20px}.review-actions .btn-primary{padding:14px 48px;font-size:1.1rem}.review-complete{text-align:center;padding:48px 0}.review-complete h1{margin-bottom:16px}.score{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:8px}.score-pct{font-size:1rem;color:var(--text-dim);margin-left:8px}.review-complete p{color:var(--text-dim);margin-bottom:24px}.table-wrapper{overflow-x:auto}.word-table{width:100%;border-collapse:collapse}.word-table th,.word-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.word-table th{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.word-table tbody tr:hover{background:var(--bg-input)}.level-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.level-A1{background:#2ed57333;color:var(--success)}.level-A2{background:#6c5ce733;color:var(--primary)}.level-B1{background:#ffa50233;color:#ffa502}.level-B2{background:#ff6b8133;color:#ff6b81}.level-C1{background:#ff475733;color:var(--error)}.level-C2{background:#eccc6833;color:#eccc68}.filters{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filters label{display:flex;align-items:center;gap:8px;margin-bottom:0}.filters select{width:auto;margin-top:0}.word-count{font-size:.85rem;color:var(--text-dim)}.status-pills{display:flex;gap:6px}.word-status,.phrase-status{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap}.phrase-status{margin-left:auto}.status--new{background:var(--bg-input);color:var(--text-dim)}.status--learning{background:#6c5ce733;color:var(--primary)}.status--mastered{background:#2ed57333;color:var(--success)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;font-size:.9rem;color:var(--text-dim)}.settings-form{max-width:400px;margin-top:24px}.settings-form input[type=number]{max-width:120px}.settings-form h2{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:12px;margin-top:8px}.settings-form h2:first-child{margin-top:0}.setting-hint{font-size:.85rem;color:var(--text-dim);margin-bottom:16px}.setting-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.setting-toggle input[type=checkbox]{width:auto;margin:0;cursor:pointer}.phrase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.phrase-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.phrase-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.category-tag{font-size:.75rem;color:var(--text-dim);background:var(--bg-input);padding:2px 8px;border-radius:4px}.phrase-front{font-size:1.1rem;font-weight:600;margin-bottom:6px}.phrase-back{font-size:.95rem;color:var(--text-dim)}.phrase-notes{margin-top:8px;font-size:.82rem;color:var(--text-dim);opacity:.85;border-left:2px solid var(--border);padding-left:10px}.flashcard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;text-align:center;max-width:600px;margin:0 auto;box-shadow:var(--shadow)}.flashcard-meta{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.flashcard-front{font-size:1.6rem;font-weight:700;margin-bottom:32px;line-height:1.4}.flashcard-reveal{margin:0 auto;display:block}.flashcard-back{font-size:1.3rem;color:var(--success);margin-bottom:16px;padding-top:24px;border-top:1px solid var(--border);line-height:1.4}.flashcard-notes{font-size:.85rem;color:var(--text-dim);margin-bottom:24px}.rating-buttons{display:flex;justify-content:center;gap:12px;margin-top:24px}.rating-btn{flex:1;max-width:140px;padding:12px 16px;font-size:1rem;font-weight:600;border-radius:var(--radius)}.rating-again{background:#ff475733;border-color:var(--error);color:var(--error)}.rating-again:hover{background:#ff475759}.rating-good{background:#6c5ce733;border-color:var(--primary);color:var(--primary)}.rating-good:hover{background:#6c5ce759}.rating-easy{background:#2ed57333;border-color:var(--success);color:var(--success)}.rating-easy:hover{background:#2ed57359}.keyboard-hint{text-align:center;font-size:.75rem;color:var(--text-dim);opacity:.6;margin-top:10px}@media (max-width: 600px){.quiz-options{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.navbar-toggle{display:block}.navbar-links{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 16px;gap:12px;z-index:100}.navbar-links--open{display:flex}.navbar-links a{font-size:.95rem;padding:4px 0}.navbar{position:relative}.review-actions{position:sticky;bottom:0;background:var(--bg);padding:12px 0;border-top:1px solid var(--border);margin-top:16px;z-index:10}.review-actions .btn-primary{width:100%;padding:16px;font-size:1.2rem}.rating-buttons{flex-direction:column;align-items:stretch}.rating-btn{max-width:none}.phrase-grid{grid-template-columns:1fr}}.theme-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:1.1rem;padding:4px 8px;line-height:1;transition:border-color .15s}.theme-toggle:hover{border-color:var(--primary)}.empty-state{text-align:center;padding:48px 16px;color:var(--text-dim)}.empty-state svg{margin-bottom:16px}.empty-state p{font-size:1rem}.dashboard-hero{text-align:center;margin-bottom:8px}.celebration-svg{margin:0 auto 16px;display:block}.completion-emoji{font-size:2rem;display:block;margin-bottom:8px}.score-reaction{font-size:1.5rem;margin-left:8px}