*{margin:0;padding:0}body,html{height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease}.dark-mode body{background-color:#202938}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#22c48b;--primary-hover:#1da573;--primary-light:#60a5fa;--primary-dark:#2563eb;--primary-bg:#eff6ff;--secondary-color:#f1f5f9;--secondary-hover:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--white:#fff;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--card-bg:#fff;--card-bg-dark:#374151;--input-bg:#fff;--input-bg-dark:#4b5563;--danger-text:#dc2626;--danger-bg:#fef2f2;--success-text:#059669;--success-bg:#f0fdf4;--warning-text:#d97706;--warning-bg:#fffbeb;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.dark-mode{--secondary-color:#4b5563;--secondary-hover:#6b7280;--border-color:#6b7280;--border-color-light:#4b5563;--card-bg:#374151;--card-bg-dark:#1f2937;--input-bg:#374151;--input-bg-dark:#4b5563;--primary-bg:#1e3a8a;--primary-bg-dark:#1e40af;--shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--danger-text:#f87171;--danger-bg:#7f1d1d;--success-text:#4ade80;--success-bg:#14532d;--warning-text:#fbbf24;--warning-bg:#451a03}@keyframes scaleUp{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-primary{background-color:#22c48b;background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:#2563eb;background-color:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background-color:#fff;background-color:var(--white);border:2px solid #22c48b;border:2px solid var(--primary-color);color:#22c48b;color:var(--primary-color)}.btn-secondary:hover{background-color:#22c48b;background-color:var(--primary-color);color:#fff;color:var(--white)}.card{background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);padding:20px;transition:all .2s ease}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-dark{background-color:#374151;background-color:var(--card-bg-dark);border:1px solid #e2e8f0;border:1px solid var(--border-color)}.input{background-color:#fff;border:2px solid #e2e8f0;color:#1e293b}.input:focus{border-color:#22c48b}.dark-mode .input{background-color:#4b5563;border-color:#e2e8f0;color:#1e293b}.dark-mode .input:focus{border-color:#22c48b}.dark-mode .input::placeholder{color:#94a3b8}.container{margin:0 auto;max-width:1200px;padding:0 20px}.page-container{align-items:center;background:#f8fafc;background:var(--bg-primary);background-image:radial-gradient(circle at 1px 1px,#00000008 1px,#0000 0);background-size:20px 20px;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);justify-content:center;min-height:100vh;padding:20px;transition:.3s ease;transition:var(--transition-normal)}.dark-mode .page-container{background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}.modal{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.dark-mode .modal{background:#374151;background:var(--card-bg-dark);border-color:#e2e8f0;border-color:var(--border-color)}.loading-spinner{border:4px solid #e2e8f0;border-top:4px solid #22c48b;border:4px solid var(--border-color)}.loading-container{min-height:100vh;transition:background-color .3s ease}.dark-mode .loading-container,.loading-container{background-color:#f8fafc;background-color:var(--bg-primary)}.back-button{background:none;border:none;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:18px;height:32px;justify-content:center;left:20px;padding:8px;top:20px;width:32px}.back-button:hover{background:#f3f4f6;background:var(--bg-quaternary);color:#1e293b;color:var(--text-primary)}.dark-mode .back-button{color:#94a3b8;color:var(--text-tertiary)}.dark-mode .back-button:hover{background:#f9fafb;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.page-header{margin-bottom:32px;text-align:center}.page-title{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px}.page-subtitle,.page-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);transition:color .3s ease}.page-subtitle{color:#64748b;color:var(--text-secondary);font-size:16px;margin:0}.form-label{margin-bottom:8px}.form-input,.form-label{color:#1e293b;font-size:14px}.form-input{background-color:#fff;background-color:var(--input-bg);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:12px 16px;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:#22c48b;border-color:var(--primary-color);outline:none}.dark-mode .form-input{background-color:#4b5563;background-color:var(--input-bg-dark);border-color:#e2e8f0;border-color:var(--border-color);color:#1e293b;color:var(--text-primary)}.dark-mode .form-input:focus{border-color:#22c48b;border-color:var(--primary-color)}.dark-mode .form-input::placeholder{color:#94a3b8;color:var(--text-tertiary)}.status-success{border-left:4px solid #059669;border-left:4px solid var(--success-text)}.status-error{border-left:4px solid #dc2626;border-left:4px solid var(--danger-text)}.status-warning{border-left:4px solid #d97706;border-left:4px solid var(--warning-text)}.status-info{border-left:4px solid #22c48b;border-left:4px solid var(--primary-color)}@media (max-width:768px){.container{padding:0 16px}.modal{padding:20px;width:95%}.page-container{padding:16px}}@media (max-width:480px){.card,.modal{padding:16px}.modal{width:98%}.page-title{font-size:24px}}.study-session-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:24px;text-align:center}.study-session-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.study-session-loading p{color:#6b7280;font-size:16px;margin:0}.dark-mode .study-session-loading p{color:#9ca3af}.study-session-container{align-items:center;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;min-height:100vh;opacity:0;padding:24px;transform:translateY(20px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.study-session-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;max-width:600px;min-height:400px;padding:32px;transition:all .3s ease;width:100%}.dark-mode .study-session-card{background:#374151;border:1px solid #4b5563;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.study-session-card.feedback-correct{background:#f0fdf4;border-color:#10b981}.study-session-card.completed-easy,.study-session-card.completed-good{background-color:#10b9811a;border:2px solid #10b9814d}.study-session-card.completed-again,.study-session-card.completed-hard{background-color:#ef44441a;border:2px solid #ef44444d}.dark-mode .study-session-card.feedback-correct{background:#064e3b;border-color:#10b981}.study-session-card.feedback-incorrect{background:#fef2f2;border-color:#ef4444}.dark-mode .study-session-card.feedback-incorrect{background:#450a0a;border-color:#ef4444}.study-session-header{display:flex;justify-content:flex-end;margin-bottom:24px}.audio-button-writing-area{margin-bottom:24px;padding:16px}.audio-button-writing-area,.audio-button-writing-btn{align-items:center;display:flex;justify-content:center}.audio-button-writing-btn{background:#fffffff2;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#6b7280;cursor:pointer;height:60px;padding:12px;transition:all .2s ease;width:60px}.audio-button-writing-btn:hover{background:#fff;border-color:#d1d5db;box-shadow:0 6px 12px #00000026;color:#374151;transform:scale(1.1)}.dark-mode .audio-button-writing-btn{background:#374151f2;border-color:#6b7280;color:#d1d5db}.dark-mode .audio-button-writing-btn:hover{background:#374151;border-color:#9ca3af;box-shadow:0 6px 12px #0000004d;color:#f9fafb}.audio-button-writing-btn svg{height:28px;width:28px}.no-words-message,.writing-deck-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.writing-deck-loading h3{color:#374151;font-size:1.5rem;font-weight:600;margin:20px 0 10px}.dark-mode .writing-deck-loading h3{color:#f3f4f6}.writing-deck-loading p{color:#6b7280;font-size:1rem;margin:0}.dark-mode .writing-deck-loading p{color:#9ca3af}.no-words-message h2{color:#10b981;font-size:2rem;font-weight:700;margin-bottom:16px}.dark-mode .no-words-message h2{color:#34d399}.no-words-message p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:12px}.dark-mode .no-words-message p{color:#9ca3af}.back-to-deck-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .2s ease}.back-to-deck-btn:hover{background:#059669;transform:translateY(-1px)}.dark-mode .back-to-deck-btn{background:#34d399}.dark-mode .back-to-deck-btn:hover{background:#10b981}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.dark-mode .close-btn{color:#d1d5db}.close-btn:hover{background:#f3f4f6;color:#374151}.dark-mode .close-btn:hover{background:#4b5563;color:#f9fafb}.study-progress-section{margin-bottom:32px}.study-progress-bar{background:#f3f4f6;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden;width:100%}.dark-mode .study-progress-bar{background:#4b5563}.study-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s ease}.study-progress-stats{color:#6b7280;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;justify-content:space-between}.dark-mode .study-progress-stats{color:#d1d5db}.word-progress-dots{display:flex;justify-content:center;margin-bottom:24px;margin-top:16px}.progress-dots{align-items:center;display:flex;gap:6px}.progress-dot{background:#d1d5db;border:1px solid #9ca3af;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.dark-mode .progress-dot{background:#6b7280;border-color:#9ca3af}.progress-dot.correct{transform:scale(1.2)}.dark-mode .progress-dot.correct,.progress-dot.correct{background:#10b981;border-color:#059669}.word-display{align-items:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center;width:100%}.study-session-container .word-card{align-items:normal!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:16px!important;box-shadow:none!important;cursor:pointer!important;display:block!important;flex-direction:row!important;justify-content:normal!important;margin-bottom:32px!important;max-width:none!important;min-height:auto!important;overflow:visible!important;padding:48px 32px!important;position:static!important;text-align:center!important;transition:all .3s ease!important;width:100%!important}.dark-mode .study-session-container .word-card{background:#4b5563!important;border-color:#6b7280!important}.word-text{font-family:Inter,sans-serif;font-size:32px;margin:0 0 16px}.word-translation{font-family:Inter,sans-serif;margin:0}.dark-mode .word-translation{color:#d1d5db}.word-translation .word-pinyin{color:#059669;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500}.dark-mode .word-translation .word-pinyin{color:#34d399}.audio-button{height:48px;margin:16px auto;width:48px}.question-prompt-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:8px}.question-prompt-container .question-prompt{margin:0;text-align:center}.question-prompt-container .audio-button{flex-shrink:0;height:40px;margin:0;width:40px}.audio-button:active{transform:scale(.95)}.audio-prompt-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:8px}.audio-prompt-container .question-prompt{color:#6b7280;font-size:18px;margin:0;text-align:center}.dark-mode .audio-prompt-container .question-prompt{color:#9ca3af}.audio-button.large{margin:16px auto}.audio-prompt-button.faded{opacity:.3;pointer-events:none;transition:opacity .3s ease}.audio-unavailable-word{animation:fadeIn .3s ease-in;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#374151;font-size:24px;font-weight:600;margin-top:16px;padding:16px 24px;text-align:center}.dark-mode .audio-unavailable-word{background:#374151;border-color:#4b5563;box-shadow:0 2px 4px #0000004d;color:#f9fafb}.answer-buttons{flex-wrap:wrap;gap:12px}.answer-btn,.answer-buttons{display:flex;justify-content:center}.answer-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:16px;font-weight:600;max-width:140px;min-width:120px;padding:16px 24px;transition:all .2s ease;white-space:nowrap}.answer-btn.again{background:#ef4444;color:#fff}.answer-btn.again:hover{background:#dc2626;transform:translateY(-2px)}.answer-btn.hard{background:#f59e0b;color:#fff}.answer-btn.hard:hover{background:#d97706;transform:translateY(-2px)}.answer-btn.good{background:#10b981;color:#fff}.answer-btn.good:hover{background:#059669;transform:translateY(-2px)}.answer-btn.easy{background:#059669;color:#fff}.answer-btn.easy:hover{background:#047857;transform:translateY(-2px)}.rating-icon{font-size:18px;margin-right:8px}.word-hint{color:#6b7280;font-family:Inter,sans-serif;font-size:16px;margin:16px 0 0;text-align:center;transition:color .3s ease}.dark-mode .word-hint{color:#f9fafb}.session-complete{padding:48px 32px;text-align:center}.session-complete h2{color:#111827;font-family:Inter,sans-serif;font-size:32px;font-weight:700;margin:0 0 32px;transition:color .3s ease}.dark-mode .session-complete h2{color:#f9fafb}.session-results{display:flex;gap:48px;justify-content:center;margin-bottom:32px}.result-item{align-items:center;display:flex;flex-direction:column;gap:8px}.result-label{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;transition:color .3s ease}.dark-mode .result-label{color:#d1d5db}.result-value{font-family:Inter,sans-serif;font-size:24px;font-weight:700}.result-value.correct{color:#10b981}.result-value.incorrect{color:#ef4444}.new-best-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;box-shadow:0 2px 4px #fbbf244d;color:#fff;font-size:12px;font-weight:600;margin-left:8px;padding:4px 12px}.complete-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.complete-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.study-content{display:flex;flex:1 1;flex-direction:column;min-height:400px;width:100%}.study-session-container .word-card:hover{box-shadow:0 8px 25px -5px #0000001a,0 4px 10px -2px #0000000a;transform:translateY(-2px)}.dark-mode .study-session-container .word-card:hover{box-shadow:0 8px 25px -5px #0000004d,0 4px 10px -2px #0003}.continue-circle{align-items:center;background:#3b82f6;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;margin:16px auto 0;transition:all .3s ease;width:48px}.continue-arrow{color:#fff;height:24px;transition:transform .3s ease;width:24px}.continue-circle:hover{background:#2563eb;transform:scale(1.1)}.continue-circle:hover .continue-arrow{transform:translateX(2px)}.test-display,.test-question{text-align:center}.test-question{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:32px;padding:48px 32px;transition:all .3s ease}.dark-mode .test-question{background:#4b5563;border-color:#6b7280}.question-prompt{color:#111827;font-family:Inter,sans-serif;font-size:32px;font-weight:700;margin:0 0 16px;transition:color .3s ease}.dark-mode .question-prompt{color:#f9fafb}.question-direction{color:#6b7280;font-family:Inter,sans-serif;font-size:16px;font-weight:500;margin:0 0 32px;transition:color .3s ease}.dark-mode .question-direction{color:#d1d5db}.typing-answer{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:400px}.typing-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#111827;font-family:Inter,sans-serif;font-size:18px;margin-bottom:16px;padding:16px 20px;transition:all .3s ease;width:100%}.dark-mode .typing-input{background:#374151;border-color:#6b7280;color:#f9fafb}.typing-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dark-mode .typing-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.submit-btn{background:#3b82f6;font-family:Inter,sans-serif;font-size:14px;font-weight:500;min-width:120px;padding:8px 16px}.submit-btn:hover{background:#2563eb;transform:translateY(-1px)}.multiple-choice-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:600px}.option-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:500;justify-content:center;min-height:60px;padding:20px 24px;position:relative;text-align:center;transition:all .2s ease}.dark-mode .option-btn{background:#374151;border-color:#6b7280;color:#f9fafb}.option-btn:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dark-mode .option-btn:hover{border-color:#60a5fa;box-shadow:0 4px 12px #0000004d}.option-number{color:#9ca3af;font-size:12px;font-weight:600;left:12px;opacity:.7;position:absolute;top:8px}.dark-mode .option-number{color:#6b7280}.option-btn.correct-highlight{box-shadow:0 4px 12px #10b9814d;transform:none}.dark-mode .option-btn.correct-highlight,.option-btn.correct-highlight{background:#10b981;border-color:#10b981;color:#fff}.multiple-choice-answer{margin-top:24px}.choice-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:16px}.choice-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:flex-start;min-height:60px;padding:16px 20px;text-align:left;transition:all .2s ease}.dark-mode .choice-btn{background:#374151;border-color:#4b5563;color:#f9fafb}.choice-btn:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.dark-mode .choice-btn:hover{background:#1f2937;border-color:#60a5fa;box-shadow:0 4px 6px -1px #0000004d}.choice-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.choice-btn:disabled:hover{background:#fff;border-color:#e5e7eb;box-shadow:none;transform:none}.dark-mode .choice-btn:disabled:hover{background:#374151;border-color:#4b5563}.continue-section{margin-top:24px}.continue-btn{background:#3b82f6;font-family:Inter,sans-serif}.continue-btn:hover{background:#2563eb}.dark-mode .continue-btn{background:#3b82f6}.dark-mode .continue-btn:hover{background:#2563eb}.main-content.full-width{margin-left:0;max-width:none;width:100%}@media (max-width:768px){.study-session-card,.study-session-container{padding:16px}.study-session-header{align-items:flex-start;flex-direction:column;gap:16px}.audio-button-writing-area{margin-bottom:16px;padding:12px}.audio-button-writing-btn{height:50px;width:50px}.audio-button-writing-btn svg{height:24px;width:24px}.study-session-container .word-card{padding:32px 16px!important}.word-text{font-size:28px}.auto-learn-btn{font-size:13px;padding:10px 16px}.auto-learn-icon{font-size:14px}.answer-buttons{flex-direction:column;gap:12px}.answer-btn{max-width:none;width:100%}.session-results{flex-direction:column;gap:24px}.multiple-choice-options{gap:12px;grid-template-columns:1fr}.question-prompt{font-size:24px}.test-question{padding:32px 16px}}@media (min-width:769px) and (max-width:1024px){.answer-buttons{gap:8px}.answer-btn{font-size:14px;min-width:100px;padding:14px 20px}}.ignore-word-btn{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;margin-top:12px;padding:6px 12px;transition:all .2s ease}.dark-mode .ignore-word-btn{border-color:#4b5563;color:#9ca3af}.ignore-word-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.dark-mode .ignore-word-btn:hover{background:#4b5563;border-color:#6b7280;color:#f9fafb}.ignore-word-btn:active{transform:translateY(1px)}.auto-learn-section{margin-bottom:16px;margin-top:24px}.auto-learn-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:12px;color:#9ca3af;display:flex;font-style:italic;font-weight:400;gap:8px;opacity:.9;padding:12px 20px;transition:all .3s ease}.dark-mode .auto-learn-btn{background:#0000;border-color:#4b5563;color:#6b7280}.auto-learn-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#6b7280;opacity:1}.dark-mode .auto-learn-btn:hover{background:#4b5563;border-color:#6b7280;color:#9ca3af}.auto-learn-btn:active{transform:translateY(0)}.auto-learn-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.fuse-timer-section{margin-bottom:32px}.circular-timer{height:120px;margin:0 auto 32px;position:relative;width:120px}.timer-svg{height:100%;transform:scaleX(-1);width:100%}.timer-circle{fill:none;stroke:none}.timer-path-elapsed{stroke:#e5e7eb;stroke-width:4px}.dark-mode .timer-path-elapsed{stroke:#4b5563}.timer-path-remaining{stroke-width:4px;stroke-linecap:round;transform:rotate(90deg);transform-origin:center;transition:stroke-dasharray .1s ease}.timer-path-remaining.timer-green{stroke:#10b981}.timer-path-remaining.timer-orange{stroke:#f59e0b}.timer-path-remaining.timer-red{stroke:#ef4444}.timer-label{color:#374151;font-size:20px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dark-mode .timer-label{color:#d1d5db}.game-stats{color:#6b7280;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;justify-content:space-between}.dark-mode .game-stats{color:#9ca3af}@media (max-width:768px){.game-stats{flex-direction:column;gap:8px}}.feedback-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.feedback-overlay.correct{background:#10b981cc}.feedback-overlay.incorrect{background:#ef4444cc}.feedback-content{align-items:center;animation:scaleIn .3s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;font-size:24px;font-weight:700;gap:16px;padding:32px 48px;text-align:center}.feedback-overlay.correct .feedback-content{color:#10b981}.feedback-overlay.incorrect .feedback-content{color:#ef4444}.feedback-text{font-size:24px;font-weight:700}.feedback-continue-btn{background:#3b82f6;border-radius:8px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px}.feedback-continue-btn:hover{background:#2563eb}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.feedback-message{animation:fadeIn .3s ease-in-out;margin-top:16px;text-align:center}.feedback-text{border-radius:8px;display:inline-block;font-size:16px;font-weight:600;margin-bottom:12px;padding:8px 16px}.feedback-text.correct{background:#d1fae5;color:#059669}.dark-mode .feedback-text.correct{background:#064e3b;color:#10b981}.feedback-text.incorrect{background:#fee2e2;color:#dc2626}.dark-mode .feedback-text.incorrect{background:#450a0a;color:#f87171}.feedback-continue-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.feedback-continue-btn:hover{background:#059669;transform:translateY(-1px)}.dark-mode .feedback-continue-btn{background:#10b981;color:#fff}.dark-mode .feedback-continue-btn:hover{background:#059669}.correct-answer{color:#6b7280;font-size:14px;margin-top:8px;text-align:center}.dark-mode .correct-answer{color:#9ca3af}.session-overview-title{color:#111827;font-size:24px;font-weight:700;margin:0;text-align:center}.dark-mode .session-overview-title{color:#f9fafb}.session-overview-stats{grid-gap:16px;background:#f8fafc;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:24px 0;padding:20px}.dark-mode .session-overview-stats{background:#1f2937}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.session-overview-stats .stat-label{color:#374151;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.dark-mode .session-overview-stats .stat-label{color:#9ca3af}.stat-value{font-size:24px}.dark-mode .stat-value.correct,.stat-value.correct{color:#10b981}.word-results-section{margin:24px 0}.word-results-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.dark-mode .word-results-title{color:#f9fafb}.word-results-grid{grid-gap:12px;display:grid;gap:12px;max-height:300px;overflow-y:auto}.word-result-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.dark-mode .word-result-item{background:#374151;border-color:#4b5563}.word-result-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}.dark-mode .word-result-item:hover{border-color:#60a5fa;box-shadow:0 2px 8px #0000004d}.word-info{flex-direction:column;gap:4px}.word-text{font-size:16px;font-weight:600}.dark-mode .word-text{color:#f9fafb}.word-translation{font-size:14px}.dark-mode .word-translation{color:#9ca3af}.word-stats{align-items:center;display:flex;gap:12px}.correct-count{color:#10b981;font-size:14px;font-weight:500}.incorrect-count{color:#ef4444;font-size:14px;font-weight:500}.session-overview-actions{display:flex;justify-content:center;margin-top:24px}.word-header{gap:8px}.speed-medal,.word-header{align-items:center;display:flex}.speed-medal{font-size:1.2rem;line-height:1;margin-right:4px}.speed-rank{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.75rem;font-weight:500;padding:2px 6px}.dark-mode .speed-rank{background:#4b5563;color:#d1d5db}.response-time{color:#059669;font-size:.75rem;font-weight:500}.dark-mode .response-time{color:#10b981}.performance-metrics{display:flex;flex-direction:column;gap:2px}.accuracy-rate{color:#3b82f6;font-size:.75rem;font-weight:500}.dark-mode .accuracy-rate{color:#60a5fa}@media (max-width:768px){.session-overview-stats{gap:12px;grid-template-columns:1fr}.word-result-item{align-items:flex-start;flex-direction:column;gap:8px}.word-stats{align-self:flex-end}}.time-rush-timer-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin:0 16px 16px;padding:16px}.time-rush-timer-section,.time-rush-timer-section .fuse-timer-section{align-items:center;display:flex;flex-direction:column;gap:16px}.time-rush-timer-section .circular-timer{flex-shrink:0}.time-rush-timer-section .game-stats{color:#6b7280;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:24px;justify-content:space-between;min-width:200px}.dark-mode .time-rush-timer-section .game-stats{color:#9ca3af}.special-characters-container{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:1rem;padding:.75rem}.special-characters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.special-characters-label{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.875rem;font-weight:500}.case-toggle-btn{background:#fff;background:var(--btn-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:4px;color:#212529;color:var(--text-primary,#212529);cursor:pointer;font-size:.75rem;font-weight:500;min-width:2.5rem;padding:.25rem .5rem;text-align:center;transition:all .2s ease}.case-toggle-btn:hover:not(:disabled){background:#f8f9fa;background:var(--btn-hover-bg,#f8f9fa);border-color:#adb5bd;border-color:var(--btn-hover-border,#adb5bd);box-shadow:0 1px 3px #0000001a;transform:translateY(-1px)}.case-toggle-btn:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.case-toggle-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.special-characters-keyboard{flex-wrap:wrap;gap:.375rem}.special-character-key,.special-characters-keyboard{align-items:center;display:flex;justify-content:center}.special-character-key{background:#fff;background:var(--btn-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#212529;color:var(--text-primary,#212529);cursor:pointer;font-size:.875rem;font-weight:500;height:2.25rem;min-width:2.25rem;padding:.375rem;transition:all .15s ease;-webkit-user-select:none;user-select:none}.special-character-key:hover:not(:disabled){background:#f8f9fa;background:var(--btn-hover-bg,#f8f9fa);border-color:#adb5bd;border-color:var(--btn-hover-border,#adb5bd);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.special-character-key:active:not(:disabled){background:#e9ecef;background:var(--btn-active-bg,#e9ecef);box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.special-character-key:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.dark-mode .special-characters-container{background:#2d3748;background:var(--card-bg-dark,#2d3748);border-color:#4a5568;border-color:var(--border-color-dark,#4a5568)}.dark-mode .case-toggle-btn{background:#4a5568;background:var(--btn-bg-dark,#4a5568);border-color:#718096;border-color:var(--border-color-dark,#718096);color:#e2e8f0;color:var(--text-primary-dark,#e2e8f0)}.dark-mode .case-toggle-btn:hover:not(:disabled){background:#718096;background:var(--btn-hover-bg-dark,#718096);border-color:#a0aec0;border-color:var(--btn-hover-border-dark,#a0aec0)}.dark-mode .special-character-key{background:#4a5568;background:var(--btn-bg-dark,#4a5568);border-color:#718096;border-color:var(--border-color-dark,#718096);color:#fff}.dark-mode .special-character-key:hover:not(:disabled){background:#718096;background:var(--btn-hover-bg-dark,#718096);border-color:#a0aec0;border-color:var(--btn-hover-border-dark,#a0aec0)}.dark-mode .special-character-key:active:not(:disabled){background:#2d3748;background:var(--btn-active-bg-dark,#2d3748)}@media (max-width:480px){.special-characters-container{padding:.5rem}.special-characters-header{margin-bottom:.5rem}.special-characters-label{font-size:.8rem}.case-toggle-btn{font-size:.7rem;min-width:2rem;padding:.2rem .4rem}.special-character-key{font-size:.8rem;height:2rem;min-width:2rem}.special-characters-keyboard{gap:.25rem}}.notes-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px;transition:all .2s ease}.dark-mode .notes-container{background:#1f2937;border-color:#374151}.notes-header{justify-content:space-between;margin-bottom:12px}.notes-header,.notes-title{align-items:center;display:flex}.notes-title{color:#374151;font-size:14px;font-weight:600;gap:6px;margin:0}.dark-mode .notes-title{color:#d1d5db}.notes-edit-btn{align-items:center;background:#10b981;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:500;height:28px;justify-content:center;line-height:1;padding:6px;transition:all .2s ease;width:28px}.notes-edit-btn:hover{background:#059669;transform:translateY(-1px)}.notes-edit-btn:active{transform:translateY(0)}.notes-editing{animation:fadeIn .2s ease-in-out}.notes-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#374151;font-family:Inter,sans-serif;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.dark-mode .notes-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.notes-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dark-mode .notes-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.notes-textarea::placeholder{color:#9ca3af}.dark-mode .notes-textarea::placeholder{color:#6b7280}.notes-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.notes-character-count{color:#6b7280;font-size:12px;font-weight:500}.dark-mode .notes-character-count{color:#9ca3af}.notes-actions{display:flex;gap:8px}.notes-actions .reset-btn{background:#dc3545;background:var(--danger-color,#dc3545);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.notes-actions .reset-btn:hover{background:#c82333;background:var(--danger-hover,#c82333);transform:translateY(-1px)}.notes-actions .reset-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.notes-actions .confirm-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.notes-actions .confirm-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.notes-actions .confirm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.notes-display{animation:fadeIn .2s ease-in-out}.notes-content{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.dark-mode .notes-content{background:#374151;border-color:#4b5563}.notes-text{word-wrap:break-word;color:#1e293b;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.dark-mode .notes-content .notes-text,.dark-mode .notes-text{color:#fff!important}.notes-empty{padding:16px;text-align:center}.notes-empty-text{color:#6b7280;font-size:14px;font-style:italic;margin:0}.dark-mode .notes-empty-text{color:#9ca3af}.notes-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:12px;font-weight:500;margin-bottom:8px;padding:8px 12px}.dark-mode .notes-error{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.notes-placeholder{background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;padding:12px;text-align:center;transition:all .2s ease}.dark-mode .notes-placeholder{background:#374151;border-color:#4b5563;color:#9ca3af}.notes-placeholder:hover{background:#f3f4f6;border-color:#9ca3af}.dark-mode .notes-placeholder:hover{background:#4b5563;border-color:#6b7280}@media (max-width:768px){.notes-container{padding:12px}.notes-textarea{font-size:16px;min-height:60px}.notes-footer{align-items:stretch;flex-direction:column;gap:8px}.notes-actions{justify-content:flex-end}}.audio-button{overflow:hidden;position:relative}.audio-button.small{height:32px;width:32px}.audio-button.medium{height:48px;width:48px}.audio-button.large{height:80px;width:80px}.audio-button.available{background:#cdc0f8}.audio-button.available:hover{background:#b8a8f0;box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.audio-button.available:active{transform:scale(.95)}.audio-button.loading{background:#f59e0b;cursor:not-allowed}.audio-button.loading:hover{background:#d97706;transform:none}.audio-button.unavailable{background:#ef4444;cursor:not-allowed;opacity:.7}.audio-button.unavailable:hover{background:#dc2626;opacity:.8;transform:none}.audio-button:disabled{cursor:not-allowed;opacity:.6}.audio-button svg{height:24px;transition:all .2s ease;width:24px}.audio-button.small svg{height:16px;width:16px}.audio-button.large svg{height:36px;width:36px}.audio-loading-spinner{animation:spin 1s linear infinite}.audio-button.unavailable svg{position:relative}.audio-button.unavailable svg line{stroke:currentColor;stroke-width:2;stroke-linecap:round}.dark-mode .audio-button.available{background:#cdc0f8;box-shadow:0 2px 4px #0000004d}.dark-mode .audio-button.available:hover{background:#b8a8f0;box-shadow:0 4px 8px #0006}.dark-mode .audio-button.loading{background:#fbbf24}.dark-mode .audio-button.loading:hover{background:#f59e0b}.dark-mode .audio-button.unavailable{background:#f87171}.dark-mode .audio-button.unavailable:hover{background:#ef4444}.audio-button:focus{outline:2px solid #cdc0f8;outline-offset:2px}.audio-button:focus:not(:focus-visible){outline:none}.audio-button[title]:hover:after{background:#000c;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:12px;left:50%;margin-bottom:4px;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.audio-button.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hanzi-writer-container{align-items:center;background-color:var(--white);border-radius:16px;box-shadow:0 8px 16px -4px #0000001a;display:flex;flex-direction:column;gap:20px;max-width:500px;min-width:400px;padding:24px;transition:all .5s ease;width:100%}.dark-mode .hanzi-writer-container{background-color:#374151;box-shadow:0 4px 6px -1px #0000004d}.hanzi-writer-target{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;display:block;overflow:hidden;position:relative}.hanzi-grid-line,.hanzi-writer-target line{pointer-events:none;z-index:1}.dark-mode .hanzi-writer-target{background-color:#1f2937;border-color:#6b7280}.hanzi-writer-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-spinner{border:2px solid #e5e7eb}.hanzi-writer-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:20px;text-align:center}.dark-mode .hanzi-writer-error{background-color:#450a0a;border-color:#7f1d1d;color:#fca5a5}.hanzi-word-header{align-items:center;background-color:#f9fafbcc;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:16px;width:100%}.dark-mode .hanzi-word-header{background-color:#1f2937cc;border-color:#6b7280}.hanzi-word-header .word-display{text-align:center}.hanzi-word-header .character-display,.hanzi-word-header .word-text{color:#2563eb;font-size:28px;font-weight:700;margin:0 0 8px}.hanzi-word-header .character-display{text-align:center}.dark-mode .hanzi-word-header .character-display,.dark-mode .hanzi-word-header .word-text{color:#60a5fa}.hanzi-word-header .word-details{grid-gap:12px;align-items:baseline;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;justify-items:center;line-height:1.2;max-width:400px;width:100%}.hanzi-word-header .word-translation{color:#6b7280;font-size:16px;font-style:italic;justify-self:end;line-height:1.2;margin:0;text-align:right;vertical-align:initial}.dark-mode .hanzi-word-header .word-translation{color:#d1d5db}.hanzi-word-header .word-divider{color:#d1d5db;font-size:16px;font-weight:300;justify-self:center;line-height:1.2;vertical-align:initial}.dark-mode .hanzi-word-header .word-divider{color:#6b7280}.hanzi-word-header .word-pinyin{color:#059669;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:500;justify-self:start;line-height:1.2;margin:0;text-align:left;vertical-align:initial}.dark-mode .hanzi-word-header .word-pinyin{color:#34d399}.audio-button-overlay{align-items:center;background:#fffffff2;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px;z-index:10}.audio-button-overlay:hover{background:#fff;box-shadow:0 2px 8px #00000026;color:#374151;transform:scale(1.1)}.dark-mode .audio-button-overlay{background:#374151f2;border-color:#6b7280;color:#d1d5db}.dark-mode .audio-button-overlay:hover{background:#374151;box-shadow:0 2px 8px #0000004d;color:#f9fafb}.audio-button-overlay svg{height:16px;width:16px}.hanzi-word-header .character-progress{align-items:center;display:flex;flex-direction:column;gap:8px}.hanzi-word-header .progress-text{color:#6b7280;font-size:14px;font-weight:500}.dark-mode .hanzi-word-header .progress-text{color:#d1d5db}.hanzi-word-header .character-indicators{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.hanzi-word-header .character-indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:600;height:28px;justify-content:center;transition:all .2s ease;width:28px}.hanzi-word-header .character-indicator.completed{background-color:#10b981;color:#fff}.hanzi-word-header .character-indicator.active{background-color:#2563eb;box-shadow:0 0 0 2px #2563eb4d;color:#fff}.hanzi-word-header .character-indicator.pending{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.dark-mode .hanzi-word-header .character-indicator.pending{background-color:#374151;border-color:#6b7280;color:#d1d5db}.mistakes-counter{align-items:center;background-color:#fffc;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;justify-content:center;margin-top:4px;padding:6px 12px}.dark-mode .mistakes-counter{background-color:#374151cc;border-color:#6b7280}.mistakes-label{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dark-mode .mistakes-label{color:#f9fafb}.mistakes-value{color:#dc2626;font-size:16px;font-weight:700;min-width:20px;text-align:center}.dark-mode .mistakes-value{color:#fca5a5}.controls-section{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.hanzi-writer-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.hanzi-writer-controls .control-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:all .2s ease}.hanzi-writer-controls .start-btn{background-color:#10b981;color:#fff}.hanzi-writer-controls .start-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.hanzi-writer-controls .stop-btn{background-color:#ef4444;color:#fff}.hanzi-writer-controls .stop-btn:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.hanzi-writer-controls .reveal-btn{background-color:#10b981;color:#fff}.hanzi-writer-controls .reveal-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.hanzi-writer-controls .hide-btn{background-color:#ef4444;color:#fff}.hanzi-writer-controls .hide-btn:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.hanzi-writer-controls button:disabled{cursor:not-allowed;opacity:.6;transform:none}.hanzi-writer-svg-container{display:inline-block;position:relative;transition:all .5s ease}.hanzi-writer-svg-container.hidden{display:none}.completion-display{align-items:center;animation:fadeInCompletion .5s ease-out;display:flex;flex-direction:column;gap:16px}.difficulty-score{border-radius:12px;box-shadow:0 4px 8px #0003;color:#fff;font-size:28px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase}.difficulty-score.easy{background-color:#10b981}.difficulty-score.good{background-color:#3b82f6}.difficulty-score.hard{background-color:#f59e0b}.difficulty-score.again{background-color:#ef4444}.difficulty-score{background-color:#6b7280}.continue-btn{border-radius:6px;font-size:14px;padding:8px 16px}.writing-practice-container{gap:20px;margin:0 auto;max-width:600px;padding:20px}.writing-practice-container,.writing-practice-header{align-items:center;display:flex;flex-direction:column;width:100%}.writing-practice-header{gap:12px;text-align:center}.word-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.current-word{color:#2563eb;font-size:24px;font-weight:700}.word-meaning{color:#6b7280;font-size:16px;font-style:italic}.dark-mode .word-meaning{color:#d1d5db}.audio-button{align-items:center;background:#cdc0f8;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.audio-button:hover{background:#b8a8f0;box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.dark-mode .audio-button{background:#cdc0f8;box-shadow:0 2px 4px #0000004d}.dark-mode .audio-button:hover{background:#b8a8f0;box-shadow:0 4px 8px #0006}.audio-button svg{height:20px;width:20px}.character-progress{color:#6b7280;font-size:14px;text-align:center}.dark-mode .character-progress{color:#d1d5db}.character-indicators{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}.character-indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:600;height:28px;justify-content:center;transition:all .2s ease;width:28px}.character-indicator.completed{background-color:#10b981;color:#fff}.character-indicator.active{background-color:#2563eb;box-shadow:0 0 0 2px #2563eb4d;color:#fff}.character-indicator.pending{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.dark-mode .character-indicator.pending{background-color:#374151;border-color:#6b7280;color:#d1d5db}.writing-area,.writing-practice-main{flex-direction:column;gap:16px;width:100%}.writing-area{align-items:center;background:#fffffff2;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;max-width:400px;padding:24px}.dark-mode .writing-area{background:#374151f2;border-color:#6b7280;box-shadow:0 4px 6px -1px #0000004d}.writing-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.dark-mode .stat-label{color:#d1d5db}.stat-value{color:#1f2937;font-size:18px}.writing-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:400px;width:100%}.control-btn{border:2px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;min-width:100px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.animation-btn{background-color:#8b5cf6;color:#fff}.animation-btn:hover:not(:disabled){background-color:#7c3aed;transform:translateY(-1px)}.animation-btn:disabled{cursor:not-allowed;opacity:.6}.hints-btn{background-color:#f59e0b;color:#fff}.hints-btn:hover{background-color:#d97706;transform:translateY(-1px)}.hints-btn.active{background-color:#92400e;box-shadow:0 0 0 2px #f59e0b4d}.skip-btn{background-color:#6b7280;color:#fff}.skip-btn:hover{background-color:#4b5563;transform:translateY(-1px)}.writing-instructions{background:#fffc;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:12px 16px;text-align:center}.dark-mode .writing-instructions{background:#374151cc;border-color:#6b7280;color:#f9fafb}.writing-instructions p{color:#374151;font-size:13px;line-height:1.4;margin:0}.dark-mode .writing-instructions p{color:#f9fafb}.continue-section{text-align:center}.continue-btn{background-color:#10b981;border:none;border-radius:8px;box-shadow:0 2px 4px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.continue-btn:hover{background-color:#059669;box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.writing-practice-error{color:#6b7280;padding:40px 20px;text-align:center}.dark-mode .writing-practice-error{color:#d1d5db}@media (max-width:768px){.writing-practice-container{gap:16px;padding:16px}.word-info{flex-direction:column;gap:8px}.current-word{font-size:20px}.writing-area{padding:20px}.writing-controls{flex-direction:column;gap:8px}.control-btn{min-width:auto;width:100%}.character-indicators{gap:4px}.character-indicator{font-size:12px;height:24px;width:24px}}.word-info-compact{display:flex;flex-direction:column;gap:12px;width:100%}.word-display-inline{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;justify-content:center;padding:12px 16px}.dark-mode .word-display-inline{background-color:#1f2937;border-color:#374151}.audio-button-inline{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.audio-button-inline:hover{background-color:#e2e8f0;color:#374151}.dark-mode .audio-button-inline{color:#d1d5db}.dark-mode .audio-button-inline:hover{background-color:#374151;color:#f9fafb}.audio-button-inline svg{height:20px;width:20px}.character-progress-compact{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;justify-content:center;padding:8px 16px}.dark-mode .character-progress-compact{background-color:#1f2937;border-color:#374151}.progress-text{color:#6b7280;font-size:14px;font-weight:500}.dark-mode .progress-text{color:#d1d5db}.completion-overlay{align-items:center;animation:fadeInCompletion .3s ease-out;background-color:#fffffff2;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dark-mode .completion-overlay{background-color:#1f2937f2}@keyframes fadeInCompletion{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.completion-content{padding:24px;text-align:center}.completion-icon{font-size:48px;margin-bottom:12px}.completion-rating{color:#2563eb;font-size:24px;font-weight:700;margin-bottom:8px}.dark-mode .completion-rating{color:#60a5fa}.completion-details{color:#6b7280;font-size:14px;margin-bottom:20px}.dark-mode .completion-details{color:#d1d5db}.completion-continue-btn{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.completion-continue-btn:hover{background-color:#1d4ed8;transform:translateY(-1px)}.writing-practice-main{align-items:center;display:flex;justify-content:center;position:relative}.continue-section{display:flex;justify-content:center;margin-top:16px}.notes-section{margin-top:16px;max-width:500px;width:100%}.auto-learn-section{display:flex;justify-content:center;margin-top:12px}.auto-learn-btn{background:none;border:2px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.auto-learn-btn:hover{background-color:#f9fafb;border-color:#9ca3af;color:#4b5563}.dark-mode .auto-learn-btn{border-color:#6b7280;color:#d1d5db}.dark-mode .auto-learn-btn:hover{background-color:#374151;border-color:#9ca3af;color:#f9fafb}.worda-button{align-items:center;background:#183153;border:none;border-radius:10px;box-shadow:0 6px 24px 0 #0003;cursor:pointer;display:flex;font-family:var(--font-family);justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.worda-button:after{background:#ffd401;content:" ";height:100%;position:absolute;right:0;transition:all .4s ease-in-out;width:0}.worda-button:hover:after{left:0;right:auto;width:100%}.worda-button span{color:#2d3e40;font-size:1.125em;font-weight:700;letter-spacing:.15em;padding:18px 25px;text-align:center;text-decoration:none;transition:all .3s ease-in-out;width:100%;z-index:20}.worda-button:hover span{animation:scaleUp .3s ease-in-out;color:#a0d5d7}.worda-button.primary{background:var(--primary-color);border-radius:6px;box-shadow:none}.worda-button.primary:after{display:none}.worda-button.primary span{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:normal;padding:.75rem 1.5rem}.worda-button.primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.worda-button.primary:hover span{animation:none;color:#fff}.worda-button.secondary{background:#6b7280}.worda-button.secondary:after{background:#fbbf24}.worda-button.success{background:#059669}.worda-button.success:after{background:#34d399}.worda-button.danger{background:#dc2626}.worda-button.danger:after{background:#f87171}.worda-button.warning{background:#d97706}.worda-button.warning:after{background:#fbbf24}.worda-button.small span{font-size:.875em;letter-spacing:.05em;padding:10px 16px}.worda-button.medium span{font-size:1em;letter-spacing:.1em;padding:14px 20px}.worda-button.medium.primary span{font-size:.9rem;letter-spacing:normal;padding:.75rem 1.5rem}.worda-button.large span{font-size:1.125em;letter-spacing:.15em;padding:18px 28px}.worda-button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.worda-button:disabled:after{display:none}.worda-button:disabled span{color:#9ca3af}.worda-button.loading{pointer-events:none}.worda-button.loading span{opacity:.7}.worda-button.loading:before{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px;z-index:30}.worda-button.full-width{width:100%}.worda-button.outline{background:#0000;border:2px solid #183153;box-shadow:none}.worda-button.outline span{color:#183153}.worda-button.outline:after{background:#183153}.worda-button.outline:hover span{color:#fff}.dark-mode .worda-button{box-shadow:0 6px 24px 0 #0006}.dark-mode .worda-button.outline{border-color:#60a5fa}.dark-mode .worda-button.outline span{color:#60a5fa}.dark-mode .worda-button.outline:after{background:#60a5fa}.dark-mode .worda-button.outline:hover span{color:#1f2937}.title-page-container{animation:fadeIn .6s ease-out;background-color:#f8fafc;background-image:radial-gradient(circle at 1px 1px,#00000026 2px,#0000 0);background-size:20px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;transition:all .3s ease}.title-page-container.dark-mode{background-color:#202938;background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0)}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.title-page-container.fade-out{animation:fadeOut .4s ease-in forwards}.title-nav{justify-content:space-between;left:0;padding:24px 48px;position:absolute;right:0;top:0;transition:all .3s ease;z-index:100}.nav-logo,.title-nav{align-items:center;display:flex}.nav-logo{gap:12px}.nav-logo-image{height:32px;object-fit:contain;width:32px}.nav-logo-text{color:#111827;font-size:24px;font-weight:900;letter-spacing:-1px;text-transform:uppercase;transition:color .3s ease}.title-page-container.dark-mode .nav-logo-text{color:#f9fafb}.nav-links{align-items:center;display:flex;gap:32px}.nav-link{background:none;border:none;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 0;text-transform:uppercase;transition:all .2s ease}.nav-link:hover{color:#374151}.title-page-container.dark-mode .nav-link{color:#9ca3af}.title-page-container.dark-mode .nav-link:hover{color:#f9fafb}.modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;box-shadow:none;color:#6b7280;cursor:pointer;display:flex;font-size:18px;font-weight:400;height:32px;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease;width:32px}.modal-close-btn:hover{background:#e5e7eb;color:#374151}.title-page-container.dark-mode .modal-close-btn{background:#4b5563;color:#d1d5db}.title-page-container.dark-mode .modal-close-btn:hover{background:#6b7280;color:#f9fafb}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:120px 48px 48px}.hero-content{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.hero-text{max-width:600px}.hero-title{color:#111827;font-size:56px;font-weight:900;letter-spacing:-1px;line-height:1.1;margin:0 0 24px;text-transform:uppercase;transition:color .3s ease}.title-page-container.dark-mode .hero-title{color:#f9fafb}.hero-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.title-page-container.dark-mode .hero-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4c1d95,#7c3aed);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#6b7280;font-size:20px;line-height:1.6;margin:0 0 32px;transition:color .3s ease}.title-page-container.dark-mode .hero-subtitle{color:#d1d5db}.hero-features{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.feature-icon{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;height:40px;justify-content:center;transition:background-color .3s ease;width:40px}.title-page-container.dark-mode .feature-icon{background:#4b5563}.feature-text{transition:color .3s ease}.title-page-container.dark-mode .feature-text{color:#d1d5db}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.or-separator{align-items:center;color:#6b7280;display:inline-flex;font-weight:700;justify-content:center;letter-spacing:.5px;padding:0 4px;-webkit-user-select:none;user-select:none}.title-page-container.dark-mode .or-separator{color:#d1d5db}.hero-visual,.learning-flow-circle{align-items:center;display:flex;justify-content:center;position:relative}.learning-flow-circle{flex-wrap:nowrap;gap:30px;margin:0 auto;max-width:600px;padding:40px}.word-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;flex-shrink:0;height:200px;justify-content:space-between;min-width:0;padding:24px;text-align:left;width:163px;z-index:1}.title-page-container.dark-mode .word-card{background:#374151;border:1px solid #4b5563;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.word-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-4px) scale(1.02)}.word-card.learned{background:#f0fdf4;border-left:4px solid #10b981}.word-card.due{background:#fffbeb;border-left:4px solid #f59e0b}.word-card.overdue{background:#fff7ed;border-left:4px solid #ea580c}.word-card.ignored{background:#fef2f2;border-left:4px solid #ef4444}.word-card.not-learned{background:#f9fafb;border-left:4px solid #6b7280}.word-card.building{background:#e0feff;border-left:4px solid #06b6d4}.title-page-container.dark-mode .word-card.learned{background:#064e3b}.title-page-container.dark-mode .word-card.due,.title-page-container.dark-mode .word-card.overdue{background:#451a03}.title-page-container.dark-mode .word-card.ignored{background:#450a0a}.title-page-container.dark-mode .word-card.not-learned{background:#1f2937}.title-page-container.dark-mode .word-card.building{background:#0c4a6e}.word-text{word-wrap:break-word;color:#111827;font-size:22px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;margin-bottom:10px;min-height:26px;overflow-wrap:break-word;transition:color .3s ease}.title-page-container.dark-mode .word-text{color:#f9fafb}.word-translation{word-wrap:break-word;color:#6b7280;font-size:16px;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin-bottom:20px;min-height:21px;overflow-wrap:break-word;transition:color .3s ease}.title-page-container.dark-mode .word-translation{color:#9ca3af}.word-status{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;min-height:20px}.status-dot.learned,.status-text.learned{background:#10b981;color:#10b981}.status-dot.due,.status-text.due{background:#f59e0b;color:#f59e0b}.status-dot.overdue,.status-text.overdue{background:#ea580c;color:#ea580c}.status-dot.ignored,.status-text.ignored{background:#ef4444;color:#ef4444}.status-dot.not-learned,.status-text.not-learned{background:#6b7280;color:#6b7280}.status-dot.building,.status-text.building{background:#06b6d4;color:#06b6d4}.status-text{font-size:14px;font-weight:600;letter-spacing:.5px;line-height:1.2;text-transform:uppercase}.status-text,.word-details{word-wrap:break-word;overflow-wrap:break-word}.word-details{color:#6b7280;font-size:13px;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;min-height:17px;transition:color .3s ease}.flow-arrow,.title-page-container.dark-mode .word-details{color:#9ca3af}.flow-arrow{align-items:center;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:55px;justify-content:center;position:relative;width:20.719px;z-index:1}.title-page-container.dark-mode .flow-arrow{color:#6b7280}.modal-content{box-shadow:0 20px 40px #0003}.modal-content.dark-mode{background:#374151;box-shadow:0 20px 40px #0006}.modal-header{padding:24px 32px}.modal-content.dark-mode .modal-header{border-bottom:1px solid #4b5563}.modal-header h2{font-size:24px;font-weight:700;transition:color .3s ease}.modal-content.dark-mode .modal-header h2{color:#f9fafb}.modal-body{padding:32px}.modal-body p{color:#374151;line-height:1.6;margin:0 0 16px;transition:color .3s ease}.modal-content.dark-mode .modal-body p{color:#d1d5db}.modal-body h3{color:#111827;font-size:18px;font-weight:600;margin:24px 0 12px;transition:color .3s ease}.modal-content.dark-mode .modal-body h3{color:#f9fafb}.modal-body ul{margin:16px 0;padding-left:20px}.modal-body li{color:#374151;line-height:1.5;margin-bottom:8px;transition:color .3s ease}.modal-content.dark-mode .modal-body li{color:#d1d5db}.contact-info{background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px;transition:background-color .3s ease}.modal-content.dark-mode .contact-info{background:#4b5563}.contact-info p{font-weight:500;margin:0}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151}.modal-content.dark-mode .form-group label{color:#d1d5db}.form-input,.form-textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s ease}.modal-content.dark-mode .form-input,.modal-content.dark-mode .form-textarea{background:#4b5563;border:1px solid #6b7280;color:#f9fafb}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-content.dark-mode .form-input:focus,.modal-content.dark-mode .form-textarea:focus{background:#374151;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}@media (max-width:1440px){.hero-section{padding:100px 40px 40px}.hero-content{gap:48px;max-width:1000px}.hero-title{font-size:48px}.hero-subtitle{font-size:18px}.learning-flow-circle{gap:20px;max-width:500px}.word-card{height:180px;padding:20px;width:140px}.word-text{font-size:18px}.word-translation{font-size:14px}}@media (max-width:1024px){.title-nav{padding:20px 32px}.nav-links{gap:24px}.hero-section{padding:100px 24px 24px}.hero-content{gap:32px;max-width:800px}.hero-title{font-size:36px}.hero-subtitle{font-size:15px}.word-card{height:160px;padding:16px;width:120px}.word-text{font-size:16px}.word-translation{font-size:13px}}@media (max-width:768px){.title-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f8fafcf2;border-bottom:1px solid #e5e7eb4d;padding:16px 24px;position:fixed}.title-page-container.dark-mode .title-nav{background:#202938f2;border-bottom:1px solid #4b55634d}.nav-logo-text{font-size:20px}.nav-links{gap:16px}.nav-link{font-size:12px;padding:6px 8px}.hero-section{min-height:auto;padding:100px 20px 60px}.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-text{max-width:none}.hero-features{align-items:center}.feature-item,.hero-actions{justify-content:center}.hero-actions{margin-bottom:40px}.hero-visual{order:2}.learning-flow-circle{flex-direction:column;gap:20px;max-width:none;padding:20px 20px 40px}.word-card{height:180px;margin:0 auto;padding:20px;width:200px}.flow-arrow{transform:rotate(90deg)}.modal-content{margin:20px}.modal-body,.modal-header{padding:20px}}@media (max-width:480px){.title-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f8fafcfa;flex-direction:column;gap:16px;padding:16px;position:fixed}.title-page-container.dark-mode .title-nav{background:#202938fa}.nav-logo-text{font-size:18px}.nav-links{flex-wrap:wrap;gap:12px;justify-content:center}.nav-link{font-size:11px;padding:4px 6px}.hero-section{padding:160px 16px 80px}.hero-title{font-size:28px}.hero-subtitle{font-size:14px}.hero-actions{flex-direction:column;margin-bottom:50px}.learning-flow-circle{gap:24px;padding:16px 16px 60px}.word-card{height:160px;padding:16px;width:min(280px,calc(100vw - 64px))}.feature-item{flex-direction:column;gap:8px;text-align:center}.feature-icon{font-size:18px;height:32px;width:32px}.feature-text{font-size:14px}}@media (max-width:360px){.hero-section{padding:180px 12px 100px}.hero-title{font-size:24px}.hero-subtitle{font-size:13px}.learning-flow-circle{gap:20px;padding:12px 12px 80px}.word-card{height:140px;padding:12px;width:min(260px,calc(100vw - 48px))}.word-text{font-size:14px}.word-translation{font-size:11px}.status-text,.word-details{font-size:9px}}.login-container{align-items:center;animation:fadeIn .6s ease-out;background:var(--bg-primary);background-image:radial-gradient(circle at 1px 1px,#00000008 1px,#0000 0);background-size:20px 20px;display:flex;font-family:var(--font-family);justify-content:center;min-height:100vh;padding:20px;transition:all .3s ease}.login-container.dark-mode{background:var(--bg-primary);background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0)}.login-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-md);max-width:400px;padding:40px;position:relative;text-align:center;transition:all .3s ease;width:100%}.login-back-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:18px;font-weight:500;height:32px;justify-content:center;left:20px;padding:8px;position:absolute;top:20px;transition:all .2s ease;width:32px}.login-back-button:hover{background:var(--bg-quaternary);color:var(--text-primary)}.login-card.dark-mode .login-back-button{color:var(--text-tertiary)}.login-card.dark-mode .login-back-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.login-card.dark-mode{background:var(--card-bg-dark);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.login-card.dark-mode:hover,.login-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.login-header{margin-bottom:32px}.login-title{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px}.login-subtitle,.login-title{font-family:var(--font-family)}.login-subtitle{color:var(--text-secondary);font-size:16px;margin:0}.login-form{text-align:left}.login-form-group{margin-bottom:20px}.login-form-label{display:block;font-weight:500;margin-bottom:8px}.login-form-input,.login-form-label{color:var(--text-primary);font-size:14px}.login-form-input{background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;padding:12px 16px;transition:border-color .2s ease;width:100%}.login-form-input:focus{border-color:var(--primary-color);outline:none}.dark-mode .login-form-input{background-color:var(--input-bg-dark);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .login-form-input:focus{border-color:var(--primary-color)}.dark-mode .login-form-input::placeholder{color:var(--text-tertiary)}.login-submit-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px;transition:all .2s ease;width:100%}.login-submit-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{margin-top:24px;text-align:center}.login-footer-text{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.login-link{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .2s ease}.login-link:hover{color:var(--primary-hover);text-decoration:underline}.login-divider{border:none;border-top:1px solid var(--border-color);margin:24px 0;position:relative}.login-divider:before{background:var(--card-bg);color:var(--text-secondary);content:"or";font-size:14px;left:50%;padding:0 16px;position:absolute;top:-10px;transform:translateX(-50%)}.dark-mode .login-divider:before{background:var(--card-bg-dark)}.login-google-btn{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.login-google-btn:hover{background:var(--bg-quaternary);border-color:var(--border-secondary)}.dark-mode .login-google-btn{background:var(--card-bg-dark);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .login-google-btn:hover{background:var(--bg-tertiary)}.login-google-icon{height:20px;width:20px}.login-error{background:var(--danger-bg);border:1px solid var(--danger-text);border-radius:8px;color:var(--danger-text)}.login-error,.login-success{font-size:14px;margin-bottom:20px;padding:12px}.login-success{background:var(--success-bg);border:1px solid var(--success-text);border-radius:8px;color:var(--success-text)}.login-loading{opacity:.7;pointer-events:none}.login-loading .login-submit-btn{color:#0000;position:relative}.login-loading .login-submit-btn:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.forgot-password{margin-bottom:16px}.forgot-password-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;text-decoration:none;transition:color .2s ease}.forgot-password-btn:hover{background:var(--bg-quaternary);color:var(--primary-color)}.dark-mode .forgot-password-btn{color:var(--text-tertiary)}.dark-mode .forgot-password-btn:hover{background:var(--bg-tertiary);color:var(--primary-color)}.lockout-message{border:1px solid var(--danger-text);border-radius:6px;font-size:14px;margin-top:12px;padding:8px 12px;text-align:center}.dark-mode .lockout-message,.lockout-message{background-color:var(--danger-bg);color:var(--danger-text)}.dark-mode .lockout-message{border-color:var(--danger-text)}@media (max-width:480px){.login-container{padding:16px}.login-card{padding:32px 24px}.login-title{font-size:24px}.login-subtitle{font-size:14px}}.signup-container{align-items:center;animation:fadeIn .6s ease-out;background:var(--bg-primary);background-image:radial-gradient(circle at 1px 1px,#00000008 1px,#0000 0);background-size:20px 20px;display:flex;font-family:var(--font-family);justify-content:center;min-height:100vh;padding:20px;transition:all .3s ease}.signup-container.dark-mode{background:var(--bg-primary);background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0)}.signup-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-md);max-width:450px;padding:40px;position:relative;text-align:center;transition:all .3s ease;width:100%}.signup-back-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:18px;font-weight:500;height:32px;justify-content:center;left:20px;padding:8px;position:absolute;top:20px;transition:all .2s ease;width:32px}.signup-back-button:hover{background:var(--bg-quaternary);color:var(--text-primary)}.signup-card.dark-mode .signup-back-button{color:var(--text-tertiary)}.signup-card.dark-mode .signup-back-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.signup-card.dark-mode{background:var(--card-bg-dark);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.signup-card.dark-mode:hover,.signup-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.signup-header{margin-bottom:32px}.signup-title{color:var(--text-primary);font-family:var(--font-family);font-size:28px;font-weight:700;margin:0 0 8px}.signup-subtitle{color:var(--text-secondary);font-family:var(--font-family);font-size:16px;margin:0}.signup-form{text-align:left}.signup-form-group{margin-bottom:20px}.signup-form-label{display:block;font-weight:500;margin-bottom:8px}.signup-form-input,.signup-form-label{color:var(--text-primary);font-size:14px}.signup-form-input{background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;padding:12px 16px;transition:border-color .2s ease;width:100%}.signup-form-input:focus{border-color:var(--primary-color);outline:none}.dark-mode .signup-form-input{background-color:var(--input-bg-dark);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .signup-form-input:focus{border-color:var(--primary-color)}.dark-mode .signup-form-input::placeholder{color:var(--text-tertiary)}.password-input-container{align-items:center;display:flex;position:relative}.password-toggle{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;transition:color .2s ease}.password-toggle:hover{color:var(--text-primary)}.dark-mode .password-toggle{color:var(--text-tertiary)}.dark-mode .password-toggle:hover{color:var(--text-primary)}.password-input-container .input{padding-right:40px}.input{background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.input:focus{border-color:var(--primary-color);outline:none}.dark-mode .input{background-color:var(--input-bg-dark);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .input:focus{border-color:var(--primary-color)}.dark-mode .input::placeholder{color:var(--text-tertiary)}.form-group{margin-bottom:20px}.form-group label{font-size:14px;font-weight:600;margin-bottom:8px;transition:color .3s ease}.dark-mode .form-group label{color:var(--text-primary)}.signup-submit-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px;transition:all .2s ease;width:100%}.signup-submit-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.signup-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.signup-footer{margin-top:24px;text-align:center}.signup-footer-text{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.signup-link{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .2s ease}.signup-link:hover{color:var(--primary-hover);text-decoration:underline}.signup-divider{border:none;border-top:1px solid var(--border-color);margin:24px 0;position:relative}.signup-divider:before{background:var(--card-bg);color:var(--text-secondary);content:"or";font-size:14px;left:50%;padding:0 16px;position:absolute;top:-10px;transform:translateX(-50%)}.dark-mode .signup-divider:before{background:var(--card-bg-dark)}.signup-google-btn{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.signup-google-btn:hover{background:var(--bg-quaternary);border-color:var(--border-secondary)}.dark-mode .signup-google-btn{background:var(--card-bg-dark);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .signup-google-btn:hover{background:var(--bg-tertiary)}.signup-google-icon{height:20px;width:20px}.signup-error{background:var(--danger-bg);border:1px solid var(--danger-text);border-radius:8px;color:var(--danger-text)}.signup-error,.signup-success{font-size:14px;margin-bottom:20px;padding:12px}.signup-success{background:var(--success-bg);border:1px solid var(--success-text);border-radius:8px;color:var(--success-text)}.signup-loading{opacity:.7;pointer-events:none}.signup-loading .signup-submit-btn{color:#0000;position:relative}.signup-loading .signup-submit-btn:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:600;margin:0;padding:0;text-decoration:underline;transition:color .2s ease}.link-btn:hover{color:var(--primary-hover)}@media (max-width:480px){.signup-container{padding:16px}.signup-card{padding:32px 24px}.signup-title{font-size:24px}.signup-subtitle{font-size:14px}}.error-message{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-text)}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:left}.success-message{border:1px solid var(--success-border);border-radius:8px}.auth-transition-container{background-color:#f8fafc;background-image:radial-gradient(circle at 1px 1px,#00000026 2px,#0000 0);background-size:20px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden;transition:all .3s ease}.auth-transition-container.dark-mode{background-color:#202938;background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0);background-size:20px 20px}.auth-transition-content{height:100vh;position:relative;width:100%}.auth-transition-content,.auth-transition-content.transitioning{transition:all .3s ease-in-out}.auth-transition-content.transitioning-out{animation:fadeOutToHome .3s ease-in-out forwards}@keyframes fadeOutToHome{0%{opacity:1}to{opacity:0}}.title-section{height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.auth-transition-content.login .title-section,.auth-transition-content.signup .title-section{opacity:0}.login-section{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.auth-transition-content.login .login-section{opacity:1}.signup-section{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.auth-transition-content.signup .signup-section{opacity:1}.login-section>div,.signup-section>div{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.login-section .login-container,.signup-section .signup-container{background:#0000;background-image:none}@media (max-width:768px){.auth-transition-content{height:100vh}.login-section,.signup-section{padding:20px}}.goal-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;padding:24px;transition:all .3s ease}.dark-mode .goal-card{background:#374151;border-color:#4b5563;box-shadow:0 2px 8px #0000004d}.goal-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dark-mode .goal-card:hover{box-shadow:0 4px 12px #0006}.goal-card.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.goal-header h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0}.dark-mode .goal-header h3{color:#f9fafb}.goal-icon{font-size:1.2rem;opacity:.8}.goal-content{flex:1 1;gap:20px;justify-content:center}.goal-progress-sections{display:flex;flex-direction:column;gap:24px;padding:16px 0}.goal-progress-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.goal-progress-header{align-items:center;display:flex;justify-content:space-between}.goal-progress-label{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:700;gap:8px}.dark-mode .goal-progress-label{color:#f9fafb}.dark-mode .goal-progress-section{background:#4b5563;border-color:#6b7280}.dark-mode .goal-progress-count{background:#374151;border-color:#6b7280;color:#f9fafb}.dark-mode .progress-bar{background:#6b7280}.dark-mode .progress-percentage{background:#064e3b;border-color:#065f46}.goal-progress-count{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:1rem;font-weight:700;padding:4px 12px}.dark-mode .goal-progress-count{color:#d1d5db}.goal-stats{margin-bottom:8px}.goal-current{color:var(--accent-color);font-size:2rem;font-weight:700}.dark-mode .goal-current{color:var(--dark-accent-color)}.goal-separator{color:var(--text-secondary);font-size:1.5rem;font-weight:400;opacity:.6}.dark-mode .goal-separator{color:var(--dark-text-secondary)}.goal-target{font-size:1.5rem;font-weight:600}.dark-mode .goal-target{color:var(--dark-text-primary)}.goal-unit{opacity:.8}.dark-mode .goal-unit{color:var(--dark-text-secondary)}.progress-bar{box-shadow:inset 0 1px 3px #0000001a}.dark-mode .progress-bar{background:var(--dark-border-color)}.dark-mode .progress-fill.learned-fill,.progress-fill.learned-fill{background:linear-gradient(90deg,#10b981,#34d399)}.dark-mode .progress-fill.reviewed-fill,.progress-fill.reviewed-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.progress-percentage{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;font-size:1rem;font-weight:700;min-width:50px;padding:4px 8px;text-align:right}.dark-mode .progress-percentage{color:#d1d5db}.loading-spinner{border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--accent-color);height:24px;margin-bottom:8px;width:24px}.dark-mode .loading-spinner{border-color:var(--dark-border-color);border-top-color:var(--dark-accent-color)}@media (max-width:768px){.goal-card{padding:16px}.goal-current{font-size:1.5rem}.goal-separator,.goal-target{font-size:1.2rem}.goal-breakdown{gap:6px}.breakdown-item{gap:8px;padding:6px 0}}.modal-overlay{background:#00000080;inset:0;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:600px}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.dark-mode .modal-header{border-bottom-color:#4b5563}.modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.dark-mode .modal-header h2{color:#f9fafb}.modal-close{border-radius:6px;color:#6b7280}.modal-close:hover{background:#f3f4f6}.dark-mode .modal-close:hover{background:#4b5563}.modal-body{padding:24px}.goal-section h3{color:#111827;font-size:1.2rem;font-weight:600;margin:0 0 20px}.dark-mode .goal-section h3{color:#f9fafb}.goal-options{display:flex;flex-direction:column;gap:12px}.goal-option{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:16px}.dark-mode .goal-option{background:#374151;border-color:#4b5563}.goal-option:hover{border-color:#10b981}.goal-option.selected{background:#10b9810d;border-color:#10b981}.dark-mode .goal-option.selected{background:#10b9811a}.goal-option.green-level{border-left:4px solid #10b981}.goal-option.orange-level{border-left:4px solid #f59e0b}.goal-option.red-level{border-left:4px solid #ef4444}.goal-option.orange-level:hover{border-color:#f59e0b}.goal-option.red-level:hover{border-color:#ef4444}.goal-option.orange-level.selected{background:#f59e0b0d;border-color:#f59e0b}.goal-option.red-level.selected{background:#ef44440d;border-color:#ef4444}.dark-mode .goal-option.orange-level.selected{background:#f59e0b1a}.dark-mode .goal-option.red-level.selected{background:#ef44441a}.goal-option-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.radio-circle{border:2px solid #d1d5db;border-radius:50%;height:18px;margin-top:2px;position:relative;width:18px}.goal-option.orange-level .radio-circle.selected{background:#f59e0b;border-color:#f59e0b}.goal-option.red-level .radio-circle.selected{background:#ef4444;border-color:#ef4444}.dark-mode .radio-circle{border-color:#6b7280}.radio-circle.selected{background:#10b981;border-color:#10b981}.radio-circle.selected:after{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.goal-option-info h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 4px}.dark-mode .goal-option-info h4{color:#f9fafb}.goal-option-info p{color:#6b7280;font-size:.85rem;line-height:1.3;margin:0}.dark-mode .goal-option-info p{color:#9ca3af}.goal-option-targets{display:flex;flex-wrap:wrap;gap:16px}.target-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.dark-mode .target-item{background:#4b5563;border-color:#6b7280}.target-label{color:#6b7280;font-size:.8rem;font-weight:500}.dark-mode .target-label{color:#9ca3af}.target-value{color:#111827;font-size:.85rem;font-weight:600}.dark-mode .target-value{color:#f9fafb}.modal-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:20px 24px}.dark-mode .modal-footer{border-top-color:#4b5563}.btn-primary{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px}.btn-primary:hover{background:#059669}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.loading-spinner{border-top-color:#10b981}.dark-mode .loading-spinner{border-color:#10b981 #4b5563 #4b5563}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-body,.modal-footer,.modal-header{padding:16px 20px}.goal-option{padding:12px}.goal-option-targets{flex-direction:column;gap:8px}}.word-set-preview-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.word-set-preview-content{background:var(--white);border-radius:24px;max-height:80vh;max-width:600px;opacity:1;overflow-y:auto;padding:40px;transform:translateY(0);transition:all .3s ease;width:90%}.dark-mode .word-set-preview-content{background:#374151;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.word-set-preview-overlay.closing .word-set-preview-content{opacity:0;transform:translateY(10px)}.word-set-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.word-set-preview-title{align-items:center;display:flex;gap:12px}.word-set-preview-info h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 4px;transition:color .3s ease}.dark-mode .word-set-preview-info h2{color:#f9fafb}.word-set-preview-info p{color:var(--text-secondary);font-size:14px;margin:0;transition:color .3s ease}.dark-mode .word-set-preview-info p{color:#d1d5db}.word-set-preview-language-flag{align-items:center;display:flex}.word-set-preview-close{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:24px;padding:8px;transition:color .2s ease}.dark-mode .word-set-preview-close{color:#d1d5db}.word-set-preview-close:hover{color:var(--text-primary)}.dark-mode .word-set-preview-close:hover{color:#f9fafb}.word-set-preview-table{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:border-color .3s ease}.dark-mode .word-set-preview-table{border:1px solid #6b7280}.table-header{background-color:var(--secondary-color);border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:1fr 1fr;transition:background-color .3s ease,border-color .3s ease}.dark-mode .table-header{background-color:#4b5563;border-bottom:1px solid #6b7280}.header-cell{color:var(--text-primary);font-size:14px;font-weight:600;padding:16px;text-align:left;transition:color .3s ease}.dark-mode .header-cell{color:#f9fafb}.table-body{max-height:400px;overflow-y:auto}.table-row{border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:1fr 1fr;transition:background-color .15s ease,border-color .3s ease}.dark-mode .table-row{border-bottom:1px solid #6b7280}.table-row:hover{background-color:var(--secondary-color)}.dark-mode .table-row:hover{background-color:#5a6474}.dark-mode .table-row:last-child,.table-row:last-child{border-bottom:none}.table-cell{color:var(--text-primary);font-size:14px;padding:12px 16px;text-align:left;transition:color .3s ease;word-break:break-word}.dark-mode .table-cell{color:#f9fafb}@media (max-width:768px){.word-set-preview-content{padding:24px;width:95%}.word-set-preview-info h2{font-size:18px}.table-header,.table-row{grid-template-columns:1fr}.header-cell,.table-cell{font-size:13px;padding:8px 12px}}.words-modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.words-modal-content{background:var(--white);border-radius:24px;max-height:80vh;max-width:500px;opacity:1;overflow-y:auto;padding:40px;transform:translateY(0);transition:all .3s ease;width:90%}.dark-mode .words-modal-content{background:#374151;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.words-modal-overlay.closing .words-modal-content{opacity:0;transform:translateY(10px)}.words-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.words-modal-title{align-items:center;display:flex;gap:12px}.words-modal-title h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0;transition:color .3s ease}.dark-mode .words-modal-title h2{color:#f9fafb}.words-modal-language-flag{align-items:center;display:flex}.words-modal-close{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:24px;padding:8px;transition:color .2s ease}.dark-mode .words-modal-close{color:#d1d5db}.words-modal-close:hover{color:var(--text-primary)}.dark-mode .words-modal-close:hover{color:#f9fafb}.words-modal-description{margin-bottom:24px;text-align:center}.words-modal-description p{color:var(--text-secondary);font-size:14px;margin:4px 0;transition:color .3s ease}.dark-mode .words-modal-description p{color:#d1d5db}.words-modal-start-section{margin-bottom:32px;text-align:center}.start-learning-btn{margin:0 auto}.start-learning-btn.currently-learning{background:var(--primary-color);color:#fff}.start-learning-btn.currently-learning:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-icon{font-size:18px}.words-modal-sets{margin-bottom:24px}.empty-sets,.error-sets,.loading-sets{color:var(--text-secondary);padding:40px 20px;text-align:center;transition:color .3s ease}.dark-mode .empty-sets,.dark-mode .error-sets,.dark-mode .loading-sets{color:#d1d5db}.word-set-item{align-items:center;background-color:initial;border:1px solid #d1d5db;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:box-shadow .2s ease}.dark-mode .word-set-item{background-color:initial;border:1px solid #6b7280}.word-set-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark-mode .word-set-item:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.word-set-info h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px;transition:color .3s ease}.dark-mode .word-set-info h3{color:#f9fafb}.word-set-count{color:var(--text-secondary);font-size:12px;transition:color .3s ease}.dark-mode .word-set-count{color:#d1d5db}.words-modal-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}@media (max-width:768px){.words-modal-content{padding:24px;width:95%}.words-modal-title h2{font-size:20px}.word-set-item{flex-direction:column;gap:12px;text-align:center}}.modal-overlay{align-items:center;background-color:initial;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--white);border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;max-height:80vh;opacity:1;padding:40px;transform:translateY(0);transition:all .3s ease}.dark-mode .modal-content{background:#374151;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d}.modal-overlay.closing .modal-content{opacity:0;transform:translateY(10px)}.modal-header{justify-content:space-between;margin-bottom:24px}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:12px}.modal-title h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0;transition:color .3s ease}.dark-mode .modal-title h2{color:#f9fafb}.modal-language-flag{align-items:center;display:flex}.modal-close{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:24px;padding:8px;transition:color .2s ease}.dark-mode .modal-close{color:#d1d5db}.modal-close:hover{color:var(--text-primary)}.dark-mode .modal-close:hover{color:#f9fafb}.modal-description{margin-bottom:24px;text-align:center}.modal-description p{color:var(--text-secondary);font-size:14px;margin:4px 0;transition:color .3s ease}.dark-mode .modal-description p{color:#d1d5db}.writing-deck-toggle{display:flex;justify-content:center;margin-bottom:24px}.toggle-container{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;display:flex;padding:4px;transition:all .3s ease}.dark-mode .toggle-container{background-color:#374151;border:1px solid #4b5563}.toggle-option{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:8px 16px;transition:all .2s ease}.dark-mode .toggle-option{color:#9ca3af}.toggle-option.active{background-color:var(--white);box-shadow:0 2px 4px #0000001a;color:var(--text-primary)}.dark-mode .toggle-option.active{background-color:#1f2937;box-shadow:0 2px 4px #0000004d;color:#f9fafb}.toggle-option:hover:not(.active){color:var(--text-secondary)}.dark-mode .toggle-option:hover:not(.active){color:#d1d5db}.modal-subdecks{margin-bottom:24px}.empty-subdecks,.error-subdecks,.loading-subdecks{color:var(--text-secondary);padding:40px 20px;text-align:center;transition:color .3s ease}.dark-mode .empty-subdecks,.dark-mode .error-subdecks,.dark-mode .loading-subdecks{color:#d1d5db}.subdeck-item{align-items:center;background-color:initial;border:1px solid #d1d5db;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:box-shadow .2s ease}.dark-mode .subdeck-item{background-color:initial;border:1px solid #6b7280}.subdeck-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark-mode .subdeck-item:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.subdeck-info h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 4px;transition:color .3s ease}.dark-mode .subdeck-info h3{color:#f9fafb}.writing-indicator{font-size:14px;opacity:.8;transition:opacity .2s ease}.writing-deck .writing-indicator{opacity:1}.writing-deck{background-color:#3b82f60d;border-color:#3b82f6}.dark-mode .writing-deck{background-color:#60a5fa1a;border-color:#60a5fa}.subdeck-words{color:var(--text-secondary);font-size:12px;transition:color .3s ease}.dark-mode .subdeck-words{color:#d1d5db}.start-learning-btn{align-items:center;background:#dc3545;background:var(--danger-color,#dc3545);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:.75rem 1.5rem;transition:all .2s ease}.start-learning-btn:hover{background:#c82333;background:var(--danger-hover,#c82333);transform:translateY(-1px)}.btn-icon{font-size:16px}.modal-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.pagination-btn{background-color:var(--white);border:2px solid var(--border-color);color:var(--text-secondary);transition:background-color .2s ease,color .2s ease}.dark-mode .pagination-btn{background-color:#4b5563;border:2px solid #6b7280}.pagination-btn:hover:not(:disabled){background-color:var(--secondary-color);color:var(--text-primary)}.dark-mode .pagination-btn:hover:not(:disabled){background-color:#5a6474;color:#f9fafb}.pagination-info{color:var(--text-secondary);transition:color .3s ease}@media (max-width:768px){.modal-content{padding:24px;width:95%}.modal-title h2{font-size:20px}.subdeck-item{flex-direction:column;gap:12px;text-align:center}}.show-all-modal-overlay{align-items:center;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.show-all-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;opacity:1;overflow-y:auto;padding:32px;transform:translateY(0);transition:all .3s ease;width:90%}.dark-mode .show-all-modal-content{background:#374151;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.show-all-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.show-all-modal-header h2{color:#111827;font-family:Inter,sans-serif;font-size:24px;font-weight:700;margin:0;transition:color .3s ease}.dark-mode .show-all-modal-header h2{color:#f9fafb}.show-all-modal-close{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:24px;padding:8px;transition:color .2s ease}.dark-mode .show-all-modal-close{color:#d1d5db}.show-all-modal-close:hover{color:#111827}.dark-mode .show-all-modal-close:hover{color:#f9fafb}.show-all-search-section{margin-bottom:24px}.search-container{align-items:center;display:flex}.search-icon{left:12px}.search-input{border-radius:8px;padding:12px 12px 12px 44px}.dark-mode .search-input:focus{background:#5a6474;box-shadow:0 0 0 3px #3b82f633}.show-all-languages-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.show-all-language-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .2s ease}.dark-mode .show-all-language-card{background:#4b5563;border:1px solid #6b7280}.show-all-language-card:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.dark-mode .show-all-language-card:hover{background:#5a6474;border-color:#9ca3af;box-shadow:0 4px 12px #0000004d}.no-results{color:#6b7280;font-family:Inter,sans-serif;grid-column:1/-1;padding:40px 20px;text-align:center;transition:color .3s ease}.dark-mode .no-results{color:#d1d5db}.no-results p{font-size:14px;margin:0}.show-all-results-count{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;text-align:center;transition:color .3s ease}.dark-mode .show-all-results-count{color:#d1d5db}@media (max-width:768px){.show-all-modal-content{padding:24px;width:95%}.show-all-languages-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.show-all-modal-header h2{font-size:20px}}@media (max-width:480px){.show-all-languages-grid{gap:12px;grid-template-columns:1fr}}.decks-container{margin:0 auto;max-width:1200px;padding:24px;transition:opacity .3s ease,transform .3s ease}.decks-container.navigating{opacity:0;transform:translateY(-10px)}.decks-loading-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#fffffff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dark-mode .decks-loading-overlay{background:#111827f2}.decks-loading-overlay .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.dark-mode .decks-loading-overlay .loading-spinner{border:3px solid #4b5563;border-top-color:#60a5fa}.decks-loading-overlay p{color:#374151;font-family:Inter,sans-serif;font-size:16px;font-weight:500;margin:0}.dark-mode .decks-loading-overlay p{color:#f9fafb}.decks-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:24px;padding:32px;transition:all .3s ease}.explore-decks-card{grid-column:1/-1}.dark-mode .decks-card{background:#374151;border:1px solid #4b5563;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.decks-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.card-header h2{font-family:Inter,sans-serif;font-size:20px;transition:color .3s ease}.dark-mode .card-header h2{color:#f9fafb}.search-input{font-family:Inter,sans-serif;transition:all .2s ease}.dark-mode .search-input{background:#4b5563;border:1px solid #6b7280;color:#f9fafb}.dark-mode .search-input:focus{background:#374151;border-color:#60a5fa}.dark-mode .search-input::placeholder{color:#9ca3af}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:var(--text-secondary);font-size:14px;margin:0}.skeleton-container{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);justify-items:center}.skeleton-card{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;padding:16px;text-align:center}.dark-mode .skeleton-card{background:#4b5563;border:1px solid #6b7280}.skeleton-flag{background:#e5e7eb;height:32px;margin:0 auto 12px;width:32px}.dark-mode .skeleton-flag{background:#6b7280}.skeleton-title{background:#e5e7eb;height:16px;margin:0 auto 8px}.dark-mode .skeleton-title{background:#6b7280}.skeleton-description{background:#e5e7eb;height:12px;margin:0 auto 8px;width:90%}.dark-mode .skeleton-description{background:#6b7280}.skeleton-meta{background:#e5e7eb;border-radius:4px;height:10px;margin:0 auto;width:70%}.dark-mode .skeleton-meta{background:#6b7280}.error-decks{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-decks h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.error-decks p{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.retry-btn{background:var(--primary-color);padding:8px 16px;transition:all .2s ease}.retry-btn:hover{background:var(--primary-hover)}.show-all-card{background:#111827;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:16px;text-align:center;transition:all .2s ease}.show-all-card:hover{box-shadow:0 8px 20px #1118274d;transform:translateY(-1px)}.show-all-content{align-items:center;display:flex;flex-direction:column;gap:8px}.show-all-icon{font-size:24px;font-weight:700}.show-all-content p{font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin:0}.decks-grid{grid-gap:24px;align-items:start;gap:24px;grid-template-columns:repeat(3,1fr);justify-items:center;margin-bottom:24px;max-height:none;overflow-y:visible;padding-right:0}.decks-grid::-webkit-scrollbar{width:6px}.decks-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.decks-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dark-mode .decks-grid::-webkit-scrollbar-track{background:#374151}.dark-mode .decks-grid::-webkit-scrollbar-thumb{background:#6b7280}.language-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 4px #0000000d;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;max-width:200px;min-height:160px;padding:20px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.dark-mode .language-card{background:#4b5563;border:1px solid #6b7280;box-shadow:0 2px 4px #0003}.language-card:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.dark-mode .language-card:hover{background:#5a6474;border-color:#9ca3af;box-shadow:0 8px 20px #0000004d}.language-flag{align-items:center;display:flex;height:64px;justify-content:center;margin:0 auto;width:64px}.flag-image{border-radius:50%;box-shadow:0 4px 12px #00000026;height:100%;transition:transform .3s ease;width:100%}.language-card:hover .flag-image{transform:scale(1.05)}.language-name{word-wrap:break-word;color:#111827;font-family:Inter,sans-serif;font-size:16px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.025em;line-height:1.4;margin:0;max-width:100%;text-align:center;transition:color .3s ease}.dark-mode .language-name{color:#f9fafb}.language-card.optimistic-card{opacity:.8;transform:scale(.98);transition:all .3s ease}.language-card.optimistic-card.optimistic{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e933;opacity:.6;transform:scale(.95)}.language-card.optimistic-card.optimistic .language-name{color:#0ea5e9!important}.language-card.loading{opacity:.7;pointer-events:none}.language-card.loading .language-flag,.language-card.loading .language-name{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.language-card.loading .language-name{background:#f9fafb;border-radius:4px;color:#0000}.dark-mode .language-card.loading .language-name{background:#4b5563}.language-card.error{background:#fef2f2;border-color:#ef4444}.language-card.error .language-name{color:#dc2626!important}.language-card.success{background:#f0fdf4;border-color:#10b981}.language-card.success .language-name{color:#059669!important}.deck-item{border-radius:12px;height:160px;min-height:160px;padding:16px;transition:all .2s ease}.dark-mode .deck-item{background:#4b5563;border:1px solid #6b7280}.dark-mode .deck-item:hover{background:#5a6474;border-color:#9ca3af}.deck-flag{align-items:center;display:flex;justify-content:center}.deck-content{align-items:center;cursor:pointer;gap:16px}.deck-name{font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0 0 4px;transition:color .3s ease}.dark-mode .deck-name{color:#f9fafb}.deck-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:Inter,sans-serif;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.dark-mode .deck-description{color:#d1d5db}.deck-meta{color:#9ca3af;font-family:Inter,sans-serif;font-size:12px;gap:16px}.deck-date,.deck-progress{align-items:center;display:flex;gap:4px}.delete-btn{align-items:center;color:var(--danger-text);display:flex;font-size:20px;height:32px;justify-content:center;padding:4px 8px;transition:background-color .2s ease;width:32px}.delete-btn:hover{background:var(--danger-bg)}.delete-modal-overlay{padding:24px}.delete-modal-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%}.delete-modal-content,.delete-modal-content.dark-mode{background:var(--card-bg)}.delete-modal-header h3{font-size:18px}.delete-modal-body p{margin:0 0 24px}.delete-modal-actions{justify-content:flex-end}.cancel-btn{background:var(--input-bg);font-size:14px;font-weight:500;padding:8px 16px}.cancel-btn:hover{background:var(--secondary-hover)}.confirm-delete-btn{background:var(--danger-text);border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.confirm-delete-btn:hover{background:#dc2626}.decks-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}@media (min-width:1200px){.decks-container{max-width:1400px;padding:var(--spacing-2xl)}.decks-card{padding:var(--spacing-3xl)}.decks-grid,.skeleton-container{gap:32px;grid-template-columns:repeat(3,1fr);justify-content:center}.language-card{max-width:220px;min-height:180px;padding:24px}.language-flag{height:72px;width:72px}.language-name{font-size:18px}}@media (min-width:900px) and (max-width:1199px){.decks-container{max-width:100%;padding:var(--spacing-xl)}.decks-card{padding:var(--spacing-2xl)}.decks-grid,.skeleton-container{gap:24px;grid-template-columns:repeat(3,1fr);justify-content:center}.language-card{max-width:200px;min-height:160px;padding:20px}.language-flag{height:64px;width:64px}.language-name{font-size:16px}}@media (min-width:768px) and (max-width:899px){.decks-container{padding:var(--spacing-lg)}.decks-card{padding:var(--spacing-xl)}.card-header h2{font-size:var(--font-size-lg)}.decks-grid,.skeleton-container{gap:20px;grid-template-columns:repeat(3,1fr);justify-content:center}.language-card{gap:12px;max-width:180px;min-height:140px;padding:16px}.language-flag{height:56px;width:56px}.language-name{font-size:15px}.deck-item{height:auto;min-height:120px;padding:var(--spacing-md)}.deck-content{gap:var(--spacing-sm)}.deck-name{font-size:var(--font-size-sm);-webkit-hyphens:auto;hyphens:auto;line-height:1.3;word-break:break-word}.deck-description{font-size:var(--font-size-xs);line-height:1.4;word-break:break-word}.deck-meta{font-size:10px;gap:var(--spacing-sm)}.search-container{margin-top:var(--spacing-md)}.search-input{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px}.search-icon{height:18px;left:var(--spacing-md);width:18px}.empty-state,.error-decks{padding:var(--spacing-xl) var(--spacing-lg)}.empty-state .empty-icon,.error-icon{font-size:var(--font-size-3xl)}.empty-state h3,.error-decks h3{font-size:var(--font-size-md)}.empty-state p,.error-decks p{font-size:var(--font-size-sm)}}@media (min-width:480px) and (max-width:767px){.decks-container{padding:var(--spacing-sm)}.decks-card{padding:var(--spacing-md)}.card-header{margin-bottom:var(--spacing-md)}.card-header h2{font-size:var(--font-size-sm)}.decks-grid,.skeleton-container{gap:16px;grid-template-columns:repeat(3,1fr)}.language-card{gap:8px;max-width:140px;min-height:120px;padding:12px}.language-flag{height:48px;width:48px}.language-name{font-size:14px}.deck-item{height:auto;min-height:80px;padding:var(--spacing-xs)}.deck-content,.deck-item{flex-direction:column;gap:var(--spacing-xs);text-align:center}.deck-content{align-items:center;width:100%}.deck-info{width:100%}.deck-name{font-size:11px;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.deck-description,.deck-name{margin-bottom:var(--spacing-xs);word-break:break-word}.deck-description{-webkit-line-clamp:1;font-size:9px;line-height:1.3;max-height:1.3em}.deck-meta{align-items:center;flex-direction:column;font-size:8px;gap:var(--spacing-xs)}.search-container{margin-top:var(--spacing-sm)}.search-input{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 36px}.search-icon{height:16px;left:var(--spacing-sm);width:16px}.empty-state,.error-decks{padding:var(--spacing-lg) var(--spacing-md)}.empty-state .empty-icon,.error-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.empty-state h3,.error-decks h3{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.empty-state p,.error-decks p{font-size:var(--font-size-xs);margin-bottom:var(--spacing-md)}.retry-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md)}.skeleton-card{padding:var(--spacing-sm)}.skeleton-flag{height:28px;margin-bottom:var(--spacing-sm);width:28px}.skeleton-title{height:14px;margin-bottom:var(--spacing-xs)}.skeleton-description{height:10px;margin-bottom:var(--spacing-xs)}.skeleton-meta{height:8px}}@media (max-width:479px){.decks-container{padding:var(--spacing-xs)}.decks-card{padding:var(--spacing-sm)}.card-header{margin-bottom:var(--spacing-sm)}.card-header h2{font-size:var(--font-size-xs)}.decks-grid,.skeleton-container{gap:12px;grid-template-columns:repeat(3,1fr)}.language-card{gap:6px;max-width:120px;min-height:100px;padding:8px}.language-flag{height:40px;width:40px}.language-name{font-size:12px}.deck-item{height:auto;min-height:70px;padding:var(--spacing-xs)}.deck-content,.deck-item{flex-direction:column;gap:var(--spacing-xs);text-align:center}.deck-content{align-items:center;width:100%}.deck-info{width:100%}.deck-name{font-size:9px;-webkit-hyphens:auto;hyphens:auto;line-height:1.1}.deck-description,.deck-name{margin-bottom:var(--spacing-xs);word-break:break-word}.deck-description{-webkit-line-clamp:1;font-size:8px;line-height:1.2;max-height:1.2em}.deck-meta{align-items:center;flex-direction:column;font-size:7px;gap:var(--spacing-xs)}.search-container{margin-top:var(--spacing-xs)}.search-input{font-size:10px;padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) 32px}.search-icon{height:14px;left:var(--spacing-xs);width:14px}.empty-state,.error-decks{padding:var(--spacing-md) var(--spacing-sm)}.empty-state .empty-icon,.error-icon{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.empty-state h3,.error-decks h3{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.empty-state p,.error-decks p{font-size:10px;margin-bottom:var(--spacing-sm)}.retry-btn{font-size:10px;padding:var(--spacing-xs) var(--spacing-sm)}.skeleton-card{padding:var(--spacing-xs)}.skeleton-flag{height:24px;width:24px}.skeleton-flag,.skeleton-title{margin-bottom:var(--spacing-xs)}.skeleton-title{height:12px}.skeleton-description{height:8px;margin-bottom:var(--spacing-xs)}.skeleton-meta{height:6px}.delete-modal-overlay{padding:var(--spacing-sm)}.delete-modal-content{padding:var(--spacing-md)}.delete-modal-header h3{font-size:var(--font-size-sm)}.delete-modal-body p{font-size:var(--font-size-xs);margin-bottom:var(--spacing-lg)}.delete-modal-actions{flex-direction:column;gap:var(--spacing-sm)}.cancel-btn,.confirm-delete-btn{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}}:root{--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:48px;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px}.stats-container{margin:0 auto;max-width:1200px;padding:16px}.stats-header{margin-bottom:32px}.stats-header h1{color:#111827;font-family:Inter,sans-serif;font-size:28px;font-weight:700;margin:0}.dark-mode .stats-header h1{color:#f9fafb}.stats-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:14px;min-width:0;padding:20px;transition:all .3s ease}.dark-mode .stat-card{background:#374151;border-color:#4b5563;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.stat-card:hover{box-shadow:0 8px 12px -1px #00000026,0 4px 6px -1px #0000001a;transform:translateY(-2px)}.dark-mode .stat-card:hover{box-shadow:0 8px 12px -1px #0006,0 4px 6px -1px #0000004d}.streak-card,.streak-card *,.streak-card .stat-icon{animation:none!important;transform:none!important;transition:none!important}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.75rem;height:50px;justify-content:center;width:50px}.streak-card .stat-icon{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.learned-card .stat-icon{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.time-card .stat-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.language-card .stat-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;display:flex;justify-content:center}.language-card .stat-icon svg{border-radius:50%}.stat-content{flex:1 1}.stat-content h3{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.05em;margin:0 0 6px;text-transform:uppercase}.dark-mode .stat-content h3{color:#d1d5db}.stat-value{color:#111827;font-size:22px;font-weight:700;margin-bottom:3px}.dark-mode .stat-value{color:#f9fafb}.stat-subtitle{color:#6b7280;font-size:11px;font-weight:500}.dark-mode .stat-subtitle{color:#9ca3af}.stats-graph{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:32px}.dark-mode .stats-graph{background:#374151;border-color:#4b5563;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.stats-graph h2{color:#111827;font-size:20px;font-weight:600;margin:0 0 24px}.dark-mode .stats-graph h2{color:#f9fafb}.graph-container{display:flex;flex-direction:column;gap:20px}.graph-bars{align-items:flex-end;display:flex;height:180px;justify-content:space-between;padding:0 20px}.graph-day{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:80px}.graph-date{color:#6b7280;font-size:12px;font-weight:500;margin-top:8px;text-align:center}.dark-mode .graph-date{color:#9ca3af}.graph-bars-container{align-items:flex-end;display:flex;gap:4px;justify-content:center;width:100%}.graph-bar-group{align-items:center;display:flex;flex-direction:column;gap:6px}.graph-bar-number{color:#6b7280;font-size:12px;font-weight:600;min-height:14px;text-align:center}.dark-mode .graph-bar-number{color:#9ca3af}.graph-bar{border-radius:3px;min-height:6px;transition:all .3s ease;width:12px}.learned-bar{background:linear-gradient(0deg,#f59e0b,#f97316)}.reviewed-bar{background:linear-gradient(0deg,#3b82f6,#60a5fa)}.graph-legend{border-top:1px solid #e5e7eb;display:flex;gap:24px;justify-content:center;padding-top:16px}.dark-mode .graph-legend{border-top-color:#4b5563}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px}.dark-mode .legend-item{color:#9ca3af}.legend-color{border-radius:2px;height:12px;width:12px}.learned-color{background:linear-gradient(135deg,#f59e0b,#f97316)}.reviewed-color{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.stats-error,.stats-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.stats-error p,.stats-loading p{color:#6b7280;font-size:16px;margin:16px 0 0}.dark-mode .stats-error p,.dark-mode .stats-loading p{color:#9ca3af}.error-note,.loading-note{color:#9ca3af;display:block;font-family:Inter,sans-serif;font-size:12px;margin-top:8px;text-align:center}.dark-mode .error-note,.dark-mode .loading-note{color:#6b7280}.error-note{color:#ef4444}.dark-mode .error-note{color:#f87171}.loading-spinner{border-top-color:#3b82f6}.dark-mode .loading-spinner{border-color:#60a5fa #4b5563 #4b5563}@media (min-width:1200px){.stats-container{max-width:1400px;padding:20px}.stats-header{margin-bottom:48px;margin-bottom:var(--spacing-3xl)}.stats-header h1{font-size:24px;font-size:var(--font-size-2xl)}.stats-summary{gap:32px;gap:var(--spacing-xl);grid-template-columns:repeat(4,1fr);margin-bottom:48px;margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto;max-width:1200px}.stat-card{max-width:280px;padding:40px;padding:var(--spacing-2xl)}.stat-icon{font-size:2rem;height:65px;width:65px}.stat-value{font-size:24px;font-size:var(--font-size-2xl)}.stat-content h3{font-size:12px;font-size:var(--font-size-sm)}.stat-subtitle{font-size:10px;font-size:var(--font-size-xs)}.stats-graph{margin-left:auto;margin-right:auto;max-width:1200px;padding:48px;padding:var(--spacing-3xl)}.stats-graph h2{font-size:18px;font-size:var(--font-size-xl);margin-bottom:40px;margin-bottom:var(--spacing-2xl)}.graph-bars{height:200px;padding:0 32px;padding:0 var(--spacing-xl)}.graph-day{max-width:100px}.graph-bar{width:14px}.graph-bar-number{font-size:12px;font-size:var(--font-size-sm);min-height:16px}.graph-date{font-size:10px;font-size:var(--font-size-xs)}.graph-container{gap:32px;gap:var(--spacing-xl)}.graph-legend{gap:24px;gap:var(--spacing-lg);padding-top:32px;padding-top:var(--spacing-xl)}.legend-item{font-size:12px;font-size:var(--font-size-sm);gap:8px;gap:var(--spacing-sm)}.legend-color{height:12px;width:12px}}@media (min-width:900px) and (max-width:1199px){.stats-container{padding:18px}.stats-header{margin-bottom:48px;margin-bottom:var(--spacing-3xl)}.stats-header h1{font-size:24px;font-size:var(--font-size-2xl)}.stats-summary{gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:48px;margin-bottom:var(--spacing-3xl)}.stat-card{padding:32px;padding:var(--spacing-xl)}.stat-icon{font-size:1.75rem;height:55px;width:55px}.stat-value{font-size:18px;font-size:var(--font-size-xl)}.stat-content h3,.stat-subtitle{font-size:10px;font-size:var(--font-size-xs)}.stats-graph{padding:40px;padding:var(--spacing-2xl)}.stats-graph h2{font-size:16px;font-size:var(--font-size-lg);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.graph-bars{height:180px;padding:0 24px;padding:0 var(--spacing-lg)}.graph-day{max-width:80px}.graph-bar{width:12px}.graph-bar-number{min-height:14px}.graph-bar-number,.graph-date{font-size:10px;font-size:var(--font-size-xs)}.graph-container{gap:24px;gap:var(--spacing-lg)}.graph-legend{gap:16px;gap:var(--spacing-md);padding-top:24px;padding-top:var(--spacing-lg)}.legend-item{font-size:10px;font-size:var(--font-size-xs);gap:8px;gap:var(--spacing-sm)}.legend-color{height:10px;width:10px}}@media (min-width:768px) and (max-width:899px){.stats-container{padding:24px;padding:var(--spacing-lg)}.stats-header{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.stats-header h1{font-size:18px;font-size:var(--font-size-xl)}.stats-summary{gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.stat-card{padding:24px;padding:var(--spacing-lg)}.stat-icon{font-size:1.75rem;height:55px;width:55px}.stat-value{font-size:18px;font-size:var(--font-size-xl)}.stat-content h3,.stat-subtitle{font-size:10px;font-size:var(--font-size-xs)}.stats-graph{padding:40px;padding:var(--spacing-2xl)}.stats-graph h2{font-size:16px;font-size:var(--font-size-lg);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.graph-bars{height:180px;padding:0 24px;padding:0 var(--spacing-lg)}.graph-day{max-width:80px}.graph-bar{width:12px}.graph-bar-number{min-height:14px}.graph-bar-number,.graph-date,.legend-item{font-size:10px;font-size:var(--font-size-xs)}.legend-color{height:10px;width:10px}}@media (min-width:480px) and (max-width:767px){.stats-container{padding:24px;padding:var(--spacing-lg)}.stats-header{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.stats-header h1{font-size:16px;font-size:var(--font-size-lg)}.stats-summary{gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.stat-card{padding:16px;padding:var(--spacing-md)}.stat-icon{font-size:1.5rem;height:45px;width:45px}.stat-value{font-size:14px;font-size:var(--font-size-md)}.stat-content h3{font-size:10px;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.stat-subtitle{font-size:9px}.stats-graph{padding:24px;padding:var(--spacing-lg)}.stats-graph h2{font-size:12px;font-size:var(--font-size-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}.graph-bars{height:140px;padding:0 16px;padding:0 var(--spacing-md)}.graph-day{max-width:50px}.graph-bar{width:8px}.graph-bar-number{font-size:8px;min-height:10px}.graph-date{font-size:8px}.graph-container,.graph-legend{gap:16px;gap:var(--spacing-md)}.graph-legend{padding-top:16px;padding-top:var(--spacing-md)}.legend-item{font-size:10px;gap:4px;gap:var(--spacing-xs)}.legend-color{height:8px;width:8px}.stats-error,.stats-loading{padding:32px 16px;padding:var(--spacing-xl) var(--spacing-md)}.stats-error p,.stats-loading p{font-size:12px;font-size:var(--font-size-sm);margin:16px 0 0;margin:var(--spacing-md) 0 0 0}.error-note,.loading-note{font-size:10px;margin-top:8px;margin-top:var(--spacing-sm)}.loading-spinner{height:28px;width:28px}}@media (max-width:479px){.stats-container{padding:8px;padding:var(--spacing-sm)}.stats-header{margin-bottom:16px;margin-bottom:var(--spacing-md)}.stats-header h1{font-size:14px;font-size:var(--font-size-md)}.stats-summary{gap:4px;gap:var(--spacing-xs);grid-template-columns:1fr;margin-bottom:16px;margin-bottom:var(--spacing-md)}.stat-card{padding:8px;padding:var(--spacing-sm)}.stat-icon{font-size:1.25rem;height:40px;width:40px}.stat-value{font-size:12px;font-size:var(--font-size-sm)}.stat-content h3{font-size:9px;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.stat-subtitle{font-size:8px}.stats-graph{padding:16px;padding:var(--spacing-md)}.stats-graph h2{font-size:10px;font-size:var(--font-size-xs);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.graph-bars{height:120px;padding:0 8px;padding:0 var(--spacing-sm)}.graph-day{max-width:40px}.graph-bar{width:6px}.graph-bar-number{font-size:7px;min-height:8px}.graph-date{font-size:7px}.graph-container,.graph-legend{gap:8px;gap:var(--spacing-sm)}.graph-legend{padding-top:8px;padding-top:var(--spacing-sm)}.legend-item{font-size:9px;gap:4px;gap:var(--spacing-xs)}.legend-color{height:7px;width:7px}.stats-error,.stats-loading{padding:24px 8px;padding:var(--spacing-lg) var(--spacing-sm)}.stats-error p,.stats-loading p{font-size:10px;font-size:var(--font-size-xs);margin:8px 0 0;margin:var(--spacing-sm) 0 0 0}.error-note,.loading-note{font-size:9px;margin-top:4px;margin-top:var(--spacing-xs)}.loading-spinner{height:24px;width:24px}}.coming-soon-container{align-items:center;display:flex;justify-content:center;min-height:100%;padding:24px}.coming-soon-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:600px;overflow:hidden;transition:all .3s ease;width:100%}.dark-mode .coming-soon-card{background:#374151;border-color:#4b5563;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.coming-soon-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.dark-mode .coming-soon-card:hover{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d}.coming-soon-content{padding:32px;text-align:center}.coming-soon-icon{display:flex;justify-content:center;margin-bottom:24px}.coming-soon-icon svg{color:#3b82f6;height:64px;width:64px}.dark-mode .coming-soon-icon svg{color:#60a5fa}.coming-soon-features{display:flex;flex-direction:column;gap:20px}.feature-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.dark-mode .feature-item{background:#4b5563;border-color:#6b7280}.feature-item:hover{background:#f3f4f6;transform:translateX(4px)}.dark-mode .feature-item:hover{background:#6b7280}.feature-icon{flex-shrink:0;font-size:24px}.feature-text{color:#374151;font-size:16px;font-weight:500;text-align:left}.dark-mode .feature-text{color:#d1d5db}.coming-soon-icon svg{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.forum-container{margin:0 auto;max-width:var(--content-max-width);min-height:100vh;padding:var(--spacing-2xl)}.forum-header{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.forum-header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl)}.forum-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-sm) 0}.forum-subtitle{color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.new-request-btn{align-items:center;background:#22c48b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);padding:.75rem 1.5rem;transition:all .2s ease}.new-request-btn:hover{background:#1da573;transform:translateY(-1px)}.loading-state{color:var(--text-secondary);padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center}.loading-spinner{border-top:4px solid var(--bg-quaternary);border:4px solid var(--bg-quaternary);height:40px;width:40px}.forum-items{display:flex;flex-direction:column;gap:var(--spacing-lg)}.forum-item{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:var(--transition-fast)}.forum-item:hover{box-shadow:var(--shadow-md)}.forum-item-content{display:flex;gap:var(--spacing-lg)}.vote-section{flex-direction:column;min-width:60px}.vote-btn,.vote-section{align-items:center;display:flex}.vote-btn{background:var(--bg-quaternary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.vote-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.vote-btn.voted{background:var(--color-primary);color:#fff}.vote-btn:disabled{background:var(--bg-quaternary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.vote-btn.downvote:hover{background:#fef2f2;color:var(--color-danger)}.vote-icon{height:16px;width:16px}.vote-count{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:var(--spacing-sm) 0}.item-content{flex:1 1}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.item-title-section{align-items:center;display:flex;gap:var(--spacing-sm)}.item-type-icon{height:20px;width:20px}.item-type-icon.feature{color:#f59e0b}.item-type-icon.bug{color:var(--color-danger)}.item-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.status-badge{border-radius:20px;font-size:var(--font-size-xs);font-weight:500;padding:4px var(--spacing-md);text-transform:capitalize}.status-open{background:#f3f4f6;color:#374151}.status-under-review{background:#fef3c7;color:#92400e}.status-in-progress{background:#dbeafe;color:#1e40af}.status-planned{background:#f3e8ff;color:#7c3aed}.status-completed{background:#d1fae5;color:#065f46}.status-closed{background:#fee2e2;color:#991b1b}.item-description{color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-lg) 0}.item-meta{justify-content:space-between}.item-meta,.meta-info{align-items:center;display:flex}.meta-info{color:var(--text-secondary);font-size:var(--font-size-sm);gap:var(--spacing-lg)}.meta-actions{display:flex;gap:var(--spacing-sm)}.comments-toggle-btn{background:var(--bg-quaternary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.comments-toggle-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.comments-info{align-items:center;display:flex;gap:var(--spacing-xs)}.comment-icon{height:14px;width:14px}.comment-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.comment-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.comments-section{border-top:1px solid var(--border-secondary);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.comment{background:var(--bg-quaternary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.comment-author{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.comment-date{color:var(--text-secondary);font-size:var(--font-size-xs)}.comment-content{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0}.comment-form{border-top:1px solid var(--border-secondary);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.comment-textarea{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);min-height:80px;padding:var(--spacing-md);resize:vertical;width:100%}.comment-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-form-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.submit-comment-btn{background:#22c48b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.submit-comment-btn:hover:not(:disabled){background:#1da573;transform:translateY(-1px)}.submit-comment-btn:disabled{background:var(--bg-quaternary);color:var(--text-secondary);cursor:not-allowed}.cancel-comment-btn{background:#dc3545;background:var(--danger-color,#dc3545);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.cancel-comment-btn:hover{background:#c82333;background:var(--danger-hover,#c82333);transform:translateY(-1px)}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);max-height:90vh;max-width:480px;overflow-y:auto;padding:var(--spacing-2xl);width:100%}.modal-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-xl) 0}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:500;margin-bottom:var(--spacing-xs)}.form-input,.form-label,.form-select,.form-textarea{color:var(--text-primary);font-size:var(--font-size-sm)}.form-input,.form-select,.form-textarea{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-family:inherit;padding:var(--spacing-md);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.submit-btn{background:#22c48b;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#1da573;transform:translateY(-1px)}.submit-btn:disabled{background:var(--bg-quaternary);color:var(--text-secondary);cursor:not-allowed}.cancel-btn{flex:1 1}.empty-state{color:var(--text-secondary);padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center}.dark-mode .forum-container{background:var(--bg-primary)}.dark-mode .forum-header,.dark-mode .forum-item,.dark-mode .modal-content{background:var(--bg-secondary);border:1px solid var(--border-primary)}.dark-mode .forum-title{color:var(--text-primary)}.dark-mode .forum-subtitle{color:var(--text-secondary)}.dark-mode .filter-select,.dark-mode .form-input,.dark-mode .form-select,.dark-mode .form-textarea,.dark-mode .search-input{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark-mode .vote-btn{background:var(--bg-quaternary);color:var(--text-secondary)}.dark-mode .vote-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .item-title{color:var(--text-primary)}.dark-mode .item-description,.dark-mode .meta-info{color:var(--text-secondary)}.dark-mode .comment{background:var(--bg-quaternary)}.dark-mode .comment-textarea{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark-mode .submit-comment-btn:disabled{background:var(--bg-quaternary);color:var(--text-secondary)}.dark-mode .cancel-comment-btn{background:#dc3545;background:var(--danger-color,#dc3545);color:#fff}.dark-mode .cancel-comment-btn:hover{background:#c82333;background:var(--danger-hover,#c82333)}.dark-mode .comments-toggle-btn{background:var(--bg-quaternary);color:var(--text-primary)}.dark-mode .comments-toggle-btn:hover{background:var(--bg-tertiary)}.dark-mode .vote-btn:disabled{background:var(--bg-quaternary);color:var(--text-secondary)}.forum-pagination{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-2xl);padding:var(--spacing-lg)}.pagination-btn{background:var(--color-primary);border:none;color:#fff}.pagination-btn:hover:not(:disabled){background:var(--color-primary-dark)}.pagination-btn:disabled{background:var(--bg-quaternary);color:var(--text-secondary)}.page-numbers{display:flex;gap:var(--spacing-xs)}.page-number{align-items:center;background:var(--bg-quaternary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;height:36px;justify-content:center;min-width:36px;padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-fast)}.page-number:hover{background:var(--bg-tertiary)}.page-number.active{background:var(--color-primary);color:#fff}.page-number.active:hover{background:var(--color-primary-dark)}.dark-mode .forum-pagination{background:var(--bg-secondary);border:1px solid var(--border-primary)}.dark-mode .pagination-btn:disabled{background:var(--bg-quaternary);color:var(--text-secondary)}.dark-mode .page-number{background:var(--bg-quaternary);color:var(--text-primary)}.dark-mode .page-number:hover{background:var(--bg-tertiary)}.dark-mode .page-number.active{background:var(--color-primary);color:#fff}:root{--color-primary:#3b82f6;--color-primary-dark:#1d4ed8;--color-danger:#ef4444;--color-danger-dark:#dc2626;--color-success:#10b981;--color-success-dark:#059669;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f9fafb;--bg-quaternary:#f3f4f6;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--sidebar-bg:#1f2937;--sidebar-text:#d1d5db;--sidebar-hover:#374151;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-hover:0 8px 20px #00000026;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.4s ease;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:48px;--sidebar-width:80px;--content-max-width:1200px}.dark-mode{--bg-primary:#202938;--bg-secondary:#374151;--bg-tertiary:#4b5563;--bg-quaternary:#5a6474;--border-primary:#4b5563;--border-secondary:#6b7280;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--sidebar-bg:#fff;--sidebar-text:#202938;--sidebar-hover:#202938}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);line-height:1.6;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.app-container{animation:fadeIn ease-out .4s ease;animation:fadeIn var(--transition-slow) ease-out;background:#f8fafc;background-image:radial-gradient(circle at 1px 1px,#00000008 1px,#0000 0);background-size:20px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);transition:.3s ease;transition:var(--transition-normal)}.dark-mode .app-container{background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0)}.sidebar{background:var(--sidebar-bg);padding:24px 0;padding:var(--spacing-2xl) 0;transition:.3s ease;transition:var(--transition-normal);width:var(--sidebar-width)}.sidebar-header{padding:0 16px 32px;padding:0 var(--spacing-lg) var(--spacing-3xl)}.sidebar-nav{gap:8px;gap:var(--spacing-sm);padding:24px 0;padding:var(--spacing-2xl) 0}.nav-item{border-radius:var(--radius-md);color:#d1d5db;color:var(--sidebar-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-sm);transition:.2s ease;transition:var(--transition-fast)}.nav-item:hover{background-color:var(--sidebar-hover)}.nav-item.active{background-color:var(--color-primary)}.dark-mode .nav-item.active{background-color:var(--sidebar-hover)}.logout-btn{color:var(--color-danger)}.logout-btn:hover{background-color:var(--color-danger-dark)}.main-content{animation:fadeIn .5s ease-out .1s both;margin:0 auto;max-width:1200px;max-width:var(--content-max-width);position:relative;transition:.3s ease;transition:var(--transition-normal);width:100%}.main-content:before{background:linear-gradient(180deg,#0000,#00000008,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:1px}.dark-mode .main-content:before{background:linear-gradient(180deg,#0000,#ffffff08,#0000)}.tab-content{left:0;margin:0 auto;max-width:1200px;max-width:var(--content-max-width);opacity:0;padding:24px;padding:var(--spacing-2xl);pointer-events:none;position:absolute;right:0;top:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%}.tab-content.active{height:100%;opacity:1;overflow-y:auto;pointer-events:auto;position:relative;transform:translateY(0);visibility:visible}.tab-content.fade-out{opacity:0;transform:translateY(-10px);visibility:hidden}.content-card{background:#fff;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:clamp(20px,4vw,32px);padding:clamp(var(--spacing-xl),4vw,var(--spacing-3xl));transition:.3s ease;transition:var(--transition-normal)}.content-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{margin-bottom:24px;margin-bottom:var(--spacing-2xl)}.card-header h2{color:#111827;font-size:clamp(18px,3vw,20px);font-size:clamp(var(--font-size-lg),3vw,var(--font-size-xl));font-weight:700;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.card-header h2,.card-header p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);transition:.3s ease;transition:var(--transition-normal)}.card-header p{color:#6b7280;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);margin:0}.home-grid{display:flex;flex-direction:column;margin:0 auto;max-width:1400px}.bottom-row,.home-grid{gap:24px;gap:var(--spacing-2xl)}.bottom-row{grid-gap:24px;grid-gap:var(--spacing-2xl);align-items:stretch;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.bottom-row .content-card{display:flex;flex-direction:column;height:100%}.decks-grid{grid-gap:clamp(12px,2vw,16px);grid-gap:clamp(var(--spacing-md),2vw,var(--spacing-lg));display:grid;gap:clamp(12px,2vw,16px);gap:clamp(var(--spacing-md),2vw,var(--spacing-lg));grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.home-decks-grid{grid-gap:16px;grid-gap:var(--spacing-lg);display:grid;gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));margin-top:20px;margin-top:var(--spacing-xl)}.search-container{margin-top:16px;margin-top:var(--spacing-lg);position:relative}.search-input{background:#f9fafb;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-sm);padding:12px 16px 12px 44px;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 44px;transition:.2s ease;transition:var(--transition-fast);width:100%}.search-input:focus{background:#fff;background:var(--bg-secondary);border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.dark-mode .search-input:focus{box-shadow:0 0 0 3px #60a5fa1a}.search-icon,.search-input::placeholder{color:#9ca3af;color:var(--text-tertiary)}.search-icon{height:20px;left:16px;left:var(--spacing-lg);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.deck-item{align-items:center;background:#f9fafb;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:16px;gap:var(--spacing-lg);padding:20px;padding:var(--spacing-xl);transition:.2s ease;transition:var(--transition-fast)}.deck-item:hover{background:#f3f4f6;background:var(--bg-quaternary);border-color:#d1d5db;border-color:var(--border-secondary);transform:translateY(-1px)}.deck-flag{flex-shrink:0}.deck-content{align-items:flex-start;display:flex;gap:12px;gap:var(--spacing-md);justify-content:space-between}.deck-content,.deck-info{flex:1 1;min-width:0}.deck-name{color:#111827;color:var(--text-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:700;line-height:1.2}.deck-description,.deck-name{word-wrap:break-word;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.deck-description{color:#6b7280;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);line-height:1.4}.deck-meta{display:flex;flex-direction:column;flex-shrink:0;gap:2px}.deck-date,.deck-progress{color:#9ca3af;color:var(--text-tertiary);font-size:12px;font-size:var(--font-size-xs);white-space:nowrap}.delete-btn{background:none;border:none;border-radius:4px;border-radius:var(--spacing-xs);color:#ef4444;color:var(--color-danger);cursor:pointer;flex-shrink:0;font-size:18px;font-size:var(--font-size-lg);font-weight:700;padding:4px;padding:var(--spacing-xs);transition:.2s ease;transition:var(--transition-fast)}.delete-btn:hover{background:#fef2f2;color:#dc2626;color:var(--color-danger-dark)}.dark-mode .delete-btn:hover{background:#7f1d1d;color:#fca5a5}.goals-section{background:#fff;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);min-height:290px;padding:20px;padding:var(--spacing-xl);transition:.3s ease;transition:var(--transition-normal)}.goals-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--spacing-xl)}.goals-header h2{color:#111827;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0}.edit-goals-btn{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;padding:var(--spacing-sm);transition:.2s ease;transition:var(--transition-fast)}.edit-goals-btn:hover{background:#f3f4f6;background:var(--bg-quaternary);color:#111827;color:var(--text-primary)}.edit-goals-btn svg{height:18px;width:18px}.goals-container{align-items:stretch;display:flex;flex:1 1;gap:16px;gap:var(--spacing-lg);justify-content:center;min-height:200px;width:100%}.goal-card{flex:1 1;min-width:0;position:relative}.goal-content{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-2xl)}.goal-stats{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);justify-content:center}.goal-current{color:#3b82f6;color:var(--color-primary);font-size:clamp(32px,6vw,48px);font-size:clamp(var(--font-size-3xl),6vw,var(--font-size-4xl));font-weight:800}.goal-current,.goal-separator{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}.goal-separator{color:#9ca3af;color:var(--text-tertiary);font-size:24px;font-size:var(--font-size-2xl);font-weight:600}.goal-target{color:#111827;color:var(--text-primary);font-size:clamp(24px,4vw,32px);font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-3xl));font-weight:700}.goal-target,.goal-unit{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}.goal-unit{color:#6b7280;font-size:16px;font-size:var(--font-size-md);margin-left:8px;margin-left:var(--spacing-sm)}.goal-progress{align-items:center;display:flex;gap:12px;gap:var(--spacing-md)}.progress-bar{background:#e5e7eb;background:var(--border-primary);flex:1 1;height:8px}.progress-bar,.progress-fill{border-radius:4px;border-radius:var(--spacing-xs)}.progress-fill{background:#3b82f6;background:var(--color-primary);transition:width var(--transition-normal)}.progress-percentage{color:#3b82f6;color:var(--color-primary);min-width:40px}.primary-btn,.progress-percentage{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-sm)}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;padding:var(--spacing-md) var(--spacing-2xl);text-decoration:none;transition:.2s ease;transition:var(--transition-fast)}.dark-mode .primary-btn{background:linear-gradient(135deg,#4c1d95,#7c3aed)}.primary-btn:hover{box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.pagination-btn{background:var(--bg-quaternary);border:1px solid var(--border-secondary);border-radius:8px;border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:.2s ease;transition:var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--border-primary);border-color:var(--text-tertiary)}.loading-spinner{border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border:3px solid var(--border-primary);border-top-color:var(--color-primary);margin:0 auto 16px;margin:0 auto var(--spacing-lg)}.skeleton-card{background:#f9fafb;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;padding:20px;padding:var(--spacing-xl);position:relative}.skeleton-flag{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--bg-quaternary) 25%,var(--border-primary) 50%,var(--bg-quaternary) 75%);background-size:200% 100%;border-radius:50%;height:40px;margin-bottom:16px;margin-bottom:var(--spacing-lg);width:40px}.skeleton-title{height:20px;margin-bottom:12px;margin-bottom:var(--spacing-md);width:80%}.skeleton-description,.skeleton-title{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--bg-quaternary) 25%,var(--border-primary) 50%,var(--bg-quaternary) 75%);background-size:200% 100%;border-radius:4px;border-radius:var(--spacing-xs)}.skeleton-description{height:16px;margin-bottom:8px;margin-bottom:var(--spacing-sm);width:60%}.error-decks,.error-updates{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;border-radius:var(--radius-lg);color:#dc2626;color:var(--color-danger-dark);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;padding:40px var(--spacing-xl);text-align:center}.dark-mode .error-decks,.dark-mode .error-updates{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.retry-btn{background:#dc2626;background:var(--color-danger-dark);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-size:var(--font-size-sm);font-weight:600;padding:12px 24px;padding:var(--spacing-md) var(--spacing-2xl);transition:.2s ease;transition:var(--transition-fast)}.retry-btn:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.updates-scroll-container{flex:1 1;min-height:300px;overflow-y:auto;padding-right:8px;padding-right:var(--spacing-sm)}.updates-scroll-container::-webkit-scrollbar{width:6px}.updates-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.updates-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.updates-list{display:flex;flex-direction:column;gap:20px;gap:var(--spacing-xl)}.update-item{align-items:flex-start;background:#f9fafb;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:16px;gap:var(--spacing-lg);padding:16px;padding:var(--spacing-lg);transition:.2s ease;transition:var(--transition-fast)}.update-item:hover{background:#f3f4f6;background:var(--bg-quaternary);border-color:#d1d5db;border-color:var(--border-secondary);transform:translateY(-1px)}.update-icon{align-items:center;color:#111827;color:var(--text-primary);display:flex;flex-shrink:0;font-size:24px;font-size:var(--font-size-2xl);height:60px;justify-content:center;width:60px}.update-content{flex:1 1;min-width:0}.update-title{word-wrap:break-word;color:#111827;color:var(--text-primary);font-size:16px;font-size:var(--font-size-md);font-weight:600;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.update-date,.update-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}.update-date{color:#6b7280;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-xs);margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.update-description{word-wrap:break-word;color:#111827;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-sm);line-height:1.5;margin:0}@media (min-width:1200px){.home-grid{max-width:1400px}.bottom-row{grid-template-columns:repeat(2,1fr)}.decks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.home-decks-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:900px) and (max-width:1199px){.home-grid{max-width:100%}.bottom-row{grid-template-columns:repeat(2,1fr)}.decks-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.home-decks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:768px) and (max-width:899px){.app-container{flex-direction:column}.sidebar{background:#1f2937;background:var(--sidebar-bg);box-shadow:0 2px 8px #0000001a;height:auto;order:1;padding:16px 0;padding:var(--spacing-lg) 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.sidebar-header{display:none}.sidebar-nav{flex-direction:row;gap:12px;gap:var(--spacing-md);justify-content:center;padding:16px 0;padding:var(--spacing-lg) 0}.main-content{max-width:100%;order:2}.content-card,.tab-content{padding:20px;padding:var(--spacing-xl)}.bottom-row,.home-grid{gap:20px;gap:var(--spacing-xl)}.bottom-row{grid-template-columns:1fr}.decks-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.decks-grid,.home-decks-grid{gap:16px;gap:var(--spacing-lg)}.home-decks-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.deck-item{padding:16px;padding:var(--spacing-lg)}.deck-content{gap:8px;gap:var(--spacing-sm)}.deck-name{font-size:16px;font-size:var(--font-size-md);-webkit-hyphens:auto;hyphens:auto;line-height:1.3;word-break:break-word}.deck-description{font-size:12px;font-size:var(--font-size-xs);line-height:1.4;word-break:break-word}.goals-section{min-height:auto;padding:16px;padding:var(--spacing-lg)}.goals-container{flex-direction:column;gap:16px;gap:var(--spacing-lg);min-height:auto}.goal-card{min-width:0}.goal-stats{align-items:center;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.goal-current{font-size:24px;font-size:var(--font-size-2xl)}.goal-target{font-size:20px;font-size:var(--font-size-xl)}.goal-separator{font-size:18px;font-size:var(--font-size-lg)}.goal-unit{font-size:14px;font-size:var(--font-size-sm)}.update-item{padding:12px;padding:var(--spacing-md)}.update-title{font-size:14px;font-size:var(--font-size-sm);word-break:break-word}.update-description{font-size:12px;font-size:var(--font-size-xs);word-break:break-word}}@media (min-width:480px) and (max-width:767px){.app-container{flex-direction:column}.sidebar{background:#1f2937;background:var(--sidebar-bg);box-shadow:0 2px 8px #0000001a;height:auto;order:1;padding:8px 0;padding:var(--spacing-sm) 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.sidebar-header{display:none}.sidebar-nav{flex-direction:row;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:12px 0;padding:var(--spacing-md) 0}.nav-item{height:44px;width:44px}.nav-icon{height:20px;width:20px}.main-content{max-width:100%;order:2}.content-card,.tab-content{padding:12px;padding:var(--spacing-md)}.card-header h2{font-size:16px;font-size:var(--font-size-md)}.bottom-row,.home-grid{gap:12px;gap:var(--spacing-md)}.bottom-row{grid-template-columns:1fr}.decks-grid,.home-decks-grid{gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.deck-item{gap:8px;gap:var(--spacing-sm);padding:12px;padding:var(--spacing-md)}.deck-content,.deck-item{flex-direction:column;text-align:center}.deck-content{align-items:center;gap:4px;gap:var(--spacing-xs);width:100%}.deck-info{width:100%}.deck-name{font-size:14px;font-size:var(--font-size-sm);-webkit-hyphens:auto;hyphens:auto;line-height:1.3;word-break:break-word}.deck-description{font-size:10px;line-height:1.4;word-break:break-word}.deck-meta{align-items:center;width:100%}.goals-section{min-height:auto;padding:12px;padding:var(--spacing-md)}.goals-header{margin-bottom:12px;margin-bottom:var(--spacing-md)}.goals-header h2{font-size:14px;font-size:var(--font-size-sm)}.goals-container{flex-direction:column;gap:12px;gap:var(--spacing-md);min-height:auto}.goal-card{min-width:0}.goal-content{gap:12px;gap:var(--spacing-md)}.goal-stats{align-items:center;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.goal-current{font-size:18px;font-size:var(--font-size-lg)}.goal-target{font-size:16px;font-size:var(--font-size-md)}.goal-separator{font-size:14px;font-size:var(--font-size-sm)}.goal-unit{font-size:10px}.goal-progress{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.progress-bar{width:100%}.update-item{flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:8px;padding:var(--spacing-sm);text-align:center}.update-icon{align-self:center;font-size:18px;font-size:var(--font-size-lg);height:40px;width:40px}.update-title{font-size:12px;font-size:var(--font-size-xs);word-break:break-word}.update-description{font-size:10px;word-break:break-word}.search-container{margin-top:12px;margin-top:var(--spacing-md)}.search-input{font-size:14px;font-size:var(--font-size-sm);padding:8px 12px 8px 40px;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px}.search-icon{height:18px;left:12px;left:var(--spacing-md);width:18px}}@media (max-width:479px){.app-container{flex-direction:column}.sidebar{background:#1f2937;background:var(--sidebar-bg);box-shadow:0 2px 8px #0000001a;height:auto;order:1;padding:8px 0;padding:var(--spacing-sm) 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.sidebar-header{display:none}.sidebar-nav{flex-direction:row;gap:4px;gap:var(--spacing-xs);justify-content:center;padding:8px 0;padding:var(--spacing-sm) 0}.nav-item{height:40px;width:40px}.nav-icon{height:18px;width:18px}.main-content{max-width:100%;order:2}.content-card,.tab-content{padding:8px;padding:var(--spacing-sm)}.card-header{margin-bottom:12px;margin-bottom:var(--spacing-md)}.card-header h2{font-size:14px;font-size:var(--font-size-sm)}.card-header p{font-size:10px}.bottom-row,.home-grid{gap:8px;gap:var(--spacing-sm)}.bottom-row{grid-template-columns:1fr}.decks-grid,.home-decks-grid{gap:4px;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.home-decks-grid{margin-top:8px;margin-top:var(--spacing-sm)}.deck-item{gap:8px;gap:var(--spacing-sm);padding:12px;padding:var(--spacing-md)}.deck-content,.deck-item{flex-direction:column;text-align:center}.deck-content{align-items:center;gap:4px;gap:var(--spacing-xs);width:100%}.deck-info{width:100%}.deck-name{font-size:14px;font-size:var(--font-size-sm);-webkit-hyphens:auto;hyphens:auto;line-height:1.2;word-break:break-word}.deck-description{font-size:12px;font-size:var(--font-size-xs);line-height:1.3;word-break:break-word}.deck-meta{align-items:center;width:100%}.deck-date,.deck-progress{font-size:10px}.goals-section{min-height:auto;padding:12px;padding:var(--spacing-md)}.goals-header{margin-bottom:12px;margin-bottom:var(--spacing-md)}.goals-header h2{font-size:14px;font-size:var(--font-size-sm)}.goals-container{flex-direction:column;gap:12px;gap:var(--spacing-md);min-height:auto}.goal-card{min-width:0}.goal-content{gap:12px;gap:var(--spacing-md)}.goal-stats{align-items:center;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.goal-current{font-size:18px;font-size:var(--font-size-lg)}.goal-target{font-size:16px;font-size:var(--font-size-md)}.goal-separator{font-size:14px;font-size:var(--font-size-sm)}.goal-unit{font-size:10px}.goal-progress{flex-direction:column;gap:4px;gap:var(--spacing-xs)}.progress-bar{height:6px;width:100%}.progress-percentage{font-size:12px;font-size:var(--font-size-xs);min-width:35px}.update-item{flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:8px;padding:var(--spacing-sm);text-align:center}.update-icon{align-self:center;font-size:18px;font-size:var(--font-size-lg);height:45px;width:45px}.update-title{font-size:12px;font-size:var(--font-size-xs);word-break:break-word}.update-description{font-size:10px;word-break:break-word}.search-container{margin-top:8px;margin-top:var(--spacing-sm)}.search-input{font-size:12px;font-size:var(--font-size-xs);padding:4px 8px 4px 36px;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 36px}.search-icon{height:16px;left:8px;left:var(--spacing-sm);width:16px}.primary-btn{padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg)}.pagination-btn,.primary-btn{font-size:12px;font-size:var(--font-size-xs)}.pagination-btn{padding:4px 12px;padding:var(--spacing-xs) var(--spacing-md)}.error-decks,.error-updates{padding:16px 12px;padding:var(--spacing-lg) var(--spacing-md)}.retry-btn{font-size:12px;font-size:var(--font-size-xs);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg)}.loading-spinner{height:24px;margin:0 auto 12px;margin:0 auto var(--spacing-md);width:24px}.skeleton-card{padding:12px;padding:var(--spacing-md)}.skeleton-flag{height:35px;margin-bottom:12px;margin-bottom:var(--spacing-md);width:35px}.skeleton-title{height:16px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.skeleton-description{height:12px;margin-bottom:4px;margin-bottom:var(--spacing-xs)}}.delete-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal-content{background:#fff;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-width:400px;padding:24px;padding:var(--spacing-2xl);width:90%}.dark-mode .delete-modal-content{background:#fff;background:var(--bg-secondary);border-color:#e5e7eb;border-color:var(--border-primary)}.delete-modal-header{margin-bottom:16px;margin-bottom:var(--spacing-lg);text-align:center}.delete-modal-header h3{color:#111827;color:var(--text-primary);font-size:20px;font-size:var(--font-size-xl);font-weight:600;margin:0}.delete-modal-body{text-align:center}.delete-modal-body p{color:#6b7280;color:var(--text-secondary);line-height:1.5;margin:0 0 20px;margin:0 0 var(--spacing-xl) 0}.delete-modal-actions{display:flex;gap:12px;gap:var(--spacing-md);justify-content:center}.delete-modal-actions .reset-btn{background:#dc3545;background:var(--danger-color,#dc3545);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.delete-modal-actions .reset-btn:hover{background:#c82333;background:var(--danger-hover,#c82333);transform:translateY(-1px)}.deck-progress-container{animation:slideInFromRight .5s cubic-bezier(.34,1.56,.64,1);margin:0 auto;max-width:1200px;opacity:1;padding:24px;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}.deck-progress-container.fade-out{opacity:0;pointer-events:none;transform:translateY(-20px)}.deck-progress-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow-x:hidden;padding:32px;transition:all .3s ease}.dark-mode .deck-progress-card{background:#374151;border:1px solid #4b5563;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.deck-progress-header{align-items:center;display:flex;justify-content:center;margin-bottom:32px;padding-left:60px;padding-right:60px;position:relative}.deck-progress-title{align-items:center;display:flex;gap:16px}.deck-progress-flag{flex-shrink:0}.deck-progress-info h1{color:#111827;font-family:Inter,sans-serif;font-size:28px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.dark-mode .deck-progress-info h1{color:#f9fafb}.deck-progress-info p{color:#6b7280;font-family:Inter,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.dark-mode .deck-progress-info p{color:#d1d5db}.back-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.dark-mode .back-btn{background:#4b5563;border-color:#6b7280;color:#d1d5db}.back-btn:hover{background:#e5e7eb;border-color:#9ca3af}.dark-mode .back-btn:hover{background:#5a6474;border-color:#9ca3af}.deck-progress-section{margin-bottom:32px}.progress-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:16px}.progress-stats{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:16px}.progress-percentage{align-items:center;color:#059669;display:flex;font-weight:600}.dark-mode .progress-percentage,.progress-percentage{background:none;border:none;border-radius:0;padding:0}.dark-mode .progress-percentage{color:#34d399}.progress-count{align-items:center;color:#6b7280;display:flex}.dark-mode .progress-count{color:#d1d5db}.progress-bar{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;height:12px;overflow:hidden;width:100%}.dark-mode .progress-bar{background:#4b5563;border-color:#6b7280}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;height:100%;min-width:1px;transition:width .3s ease}.study-sessions-section{margin-bottom:32px}.study-sessions-section h2{color:#111827;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0 0 24px;transition:color .3s ease}.dark-mode .study-sessions-section h2{color:#f9fafb}.study-sessions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.study-session-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .2s ease;width:100%}.dark-mode .study-session-btn{background:#4b5563;border-color:#6b7280}.study-session-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.dark-mode .study-session-btn:hover{background:#5a6474;border-color:#9ca3af}.study-session-btn.disabled{background:#f3f4f6;border-color:#d1d5db;cursor:not-allowed;opacity:.5;transition:opacity .3s ease}.dark-mode .study-session-btn.disabled{background:#4b5563;border-color:#6b7280}.study-session-btn.disabled:hover{background:#f3f4f6;border-color:#d1d5db;transform:none}.dark-mode .study-session-btn.disabled:hover{background:#4b5563;border-color:#6b7280}.study-session-btn.learn-new.disabled{background:#f9fafb;border-color:#e5e7eb;opacity:.3;position:relative}.dark-mode .study-session-btn.learn-new.disabled{background:#4b5563;border-color:#6b7280}.study-session-btn.learn-new.disabled:after{content:"🎉";font-size:20px;opacity:.8;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.study-session-btn.learn-new.disabled .session-info h3{color:#6b7280}.dark-mode .study-session-btn.learn-new.disabled .session-info h3,.study-session-btn.learn-new.disabled .session-info p{color:#9ca3af}.dark-mode .study-session-btn.learn-new.disabled .session-info p{color:#6b7280}.study-session-btn.writing-mode{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6}.dark-mode .study-session-btn.writing-mode{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-left-color:#60a5fa}.study-session-btn.writing-mode:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left-color:#2563eb}.dark-mode .study-session-btn.writing-mode:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);border-left-color:#93c5fd}.study-session-btn.writing-mode .session-icon{filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));font-size:28px}.due-words-badge{align-items:center;background:#ef4444;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px;z-index:1}.dark-mode .due-words-badge{background:#dc2626;box-shadow:0 2px 4px #0000004d}.learned-words-badge{align-items:center;background:#10b981;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px;z-index:1}.dark-mode .learned-words-badge{background:#059669;box-shadow:0 2px 4px #0000004d}.time-rush-score-badge{align-items:center;background:#f59e0b;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;justify-content:center;min-width:32px;padding:2px 6px;position:absolute;right:-8px;top:-8px;white-space:nowrap;z-index:1}.dark-mode .time-rush-score-badge{background:#d97706;box-shadow:0 2px 4px #0000004d}.study-session-btn{position:relative}.session-icon{flex-shrink:0;font-size:24px}.session-info h3{color:#111827;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0 0 4px;transition:color .3s ease}.dark-mode .session-info h3{color:#f9fafb}.session-info p{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;margin:0;transition:color .3s ease}.dark-mode .session-info p{color:#d1d5db}.sets-section{margin-bottom:24px}.sets-section h2{color:#111827;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0 0 24px;transition:color .3s ease}.dark-mode .sets-section h2{color:#f9fafb}.sets-grid{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;max-width:100%;min-height:120px;position:relative}.sets-grid.has-expanded{min-height:auto}.set-container,.sets-grid.has-expanded{flex-direction:column;position:relative}.set-container{display:flex;flex:1 1;min-width:200px;transition:opacity .3s ease,transform .3s ease,flex .3s ease}.set-container.faded{height:0;left:0;margin:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:0;transform:scale(.95);transition:opacity .2s ease,transform .2s ease;width:0;z-index:-1}.set-container.expanded{flex:1 0 100%;order:-1;position:relative;z-index:1}.set-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;position:relative;transition:all .3s ease}.dark-mode .set-item{background:#4b5563;border-color:#6b7280}.set-item:focus,.set-item:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;outline:2px solid #3b82f6;outline-offset:2px;transform:translateY(-1px)}.dark-mode .set-item:focus,.dark-mode .set-item:hover{background:#5a6474;border-color:#9ca3af;box-shadow:0 4px 12px #0000004d;outline:2px solid #60a5fa;outline-offset:2px}.set-item.expanded{background:#fff;border-color:#10b981;box-shadow:0 8px 25px #10b98126}.dark-mode .set-item.expanded{background:#374151;border-color:#34d399;box-shadow:0 8px 25px #34d39933}.set-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.set-header h3{color:#111827;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0;transition:color .3s ease}.dark-mode .set-header h3{color:#f9fafb}.set-arrow{color:#6b7280;font-size:12px;font-weight:700;transition:all .3s ease}.dark-mode .set-arrow{color:#d1d5db}.set-arrow.expanded{color:#10b981;transform:rotate(180deg)}.dark-mode .set-arrow.expanded{color:#34d399}.set-progress{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:14px;justify-content:space-between;margin-bottom:8px}.set-count{color:#111827;font-weight:500;transition:color .3s ease}.dark-mode .set-count{color:#f9fafb}.ignored-count{color:#6b7280;font-size:13px;font-weight:400}.dark-mode .ignored-count{color:#9ca3af}.set-progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;width:100%}.dark-mode .set-progress-bar{background:#6b7280}.set-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;min-width:1px;transition:width .3s ease}.set-expanded-content{animation:expandContent .4s ease-out;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:center;margin-top:16px;max-width:100%;overflow-x:auto;padding:24px}.dark-mode .set-expanded-content{background:#1f2937;border-color:#374151}@keyframes expandContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.word-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,minmax(200px,1fr));justify-content:center;margin:0 auto;max-width:100%;width:-webkit-fit-content;width:fit-content}.word-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:140px;overflow:hidden;padding:16px;position:relative}.dark-mode .word-card{background:#374151;border-color:#4b5563;box-shadow:0 2px 4px #0003}.word-card-content{align-items:flex-start;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:flex-start}.word-card .word-text{color:#111827;font-family:Inter,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0 0 4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.dark-mode .word-card .word-text{color:#f9fafb}.word-card .word-translation{color:#6b7280;flex-grow:1;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.4;margin:0 0 8px;word-break:break-word}.dark-mode .word-card .word-translation{color:#d1d5db}.word-card .word-status{align-items:center;display:flex;gap:6px;margin-bottom:4px;margin-left:0;margin-top:auto;padding:6px 0;width:-webkit-fit-content;width:fit-content}.status-dot{border-radius:50%;box-shadow:0 0 0 2px #fffc;flex-shrink:0;height:8px;width:8px}.dark-mode .status-dot{box-shadow:0 0 0 2px #374151cc}.word-card .status-label{color:#374151;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.dark-mode .word-card .status-label{color:#d1d5db}.word-card .word-review-date{color:#6b7280;font-family:Inter,sans-serif;font-size:11px;font-weight:500;margin-top:0;padding:0;text-align:left}.dark-mode .word-card .word-review-date{color:#9ca3af}.word-card-learned{background:#f0fdf4!important;border:2px solid #10b981!important}.dark-mode .word-card-learned{background:#064e3b!important;border-color:#10b981!important}.word-card-ignored{background:#fef2f2!important;border:2px solid #dc2626!important}.dark-mode .word-card-ignored{background:#7f1d1d!important;border-color:#f87171!important}.word-card-not-learned{background:#f9fafb!important;border:2px solid #9ca3af!important}.dark-mode .word-card-not-learned{background:#374151!important;border-color:#9ca3af!important}.word-card-due{background:#fefce8!important;border:2px solid #eab308!important}.dark-mode .word-card-due{background:#1a1a0a!important;border-color:#fbbf24!important}.word-card-overdue{background:#fff7ed!important;border:2px solid #f97316!important}.dark-mode .word-card-overdue{background:#2d1b0a!important;border-color:#fb923c!important}.word-card-building{background:#e0feff!important;border:2px solid #06b6d4!important}.dark-mode .word-card-building{background:#0c4a6e!important;border-color:#06b6d4!important}.sets-pagination{align-items:center;display:flex;gap:16px;justify-content:center}.pagination-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.dark-mode .pagination-btn{background:#4b5563;border-color:#6b7280;color:#d1d5db}.pagination-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.dark-mode .pagination-btn:hover:not(:disabled){background:#5a6474;border-color:#9ca3af}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.dark-mode .pagination-info{color:#d1d5db}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:32px;margin-bottom:16px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state p,.loading-state p{color:var(--text-secondary);margin:0}.error-state p{color:var(--danger-text)}.loading-note{color:#9ca3af;display:block;font-family:Inter,sans-serif;font-size:12px;margin-top:8px;text-align:center}.dark-mode .loading-note{color:#6b7280}@media (max-width:1024px){.study-sessions-grid{grid-template-columns:repeat(2,1fr)}.sets-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.deck-progress-card,.deck-progress-container{padding:16px}.deck-progress-header{align-items:flex-start;flex-direction:column;gap:16px}.study-sessions-grid{grid-template-columns:1fr}.sets-grid{grid-template-columns:repeat(2,1fr)}.progress-header{align-items:flex-start;flex-direction:column;gap:8px}.progress-stats{flex-direction:column;gap:4px}.word-cards-grid{gap:12px;grid-template-columns:repeat(2,minmax(150px,1fr))}.word-card{min-height:120px;padding:12px}.word-card .word-text{font-size:20px}.word-card .word-translation{font-size:14px}.set-modal-overlay{padding:16px}.set-modal-content{max-height:95vh}.set-modal-body{max-height:calc(95vh - 80px);padding:16px}.set-words-grid{gap:12px;grid-template-columns:1fr}.word-card-header{align-items:flex-start;flex-direction:column;gap:12px}.word-main-info{margin-right:0}.status-badge{align-self:flex-start}.progress-row{align-items:flex-start;flex-direction:column;gap:4px}}.ignore-toggle{background:#e5e7eb;border:2px solid #0000;border-radius:12px;cursor:pointer;height:24px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.dark-mode .ignore-toggle{background:#4b5563}.ignore-toggle:hover{transform:scale(1.05)}.ignore-toggle:active{transform:scale(.95)}.ignore-toggle .toggle-slider{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 4px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ignore-toggle .toggle-slider:before{display:none!important}.toggle-icon{font-size:12px;font-weight:700;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.check-icon{color:#10b981}.x-icon{color:#dc2626}.ignore-toggle.not-ignored{background:#d1fae5;border-color:#10b981}.dark-mode .ignore-toggle.not-ignored{background:#064e3b;border-color:#10b981}.ignore-toggle.not-ignored .check-icon{color:#059669;opacity:1;transform:scale(1.2)}.ignore-toggle.not-ignored .x-icon{color:#9ca3af;opacity:.4;transform:scale(.9)}.ignore-toggle.ignored{background:#fee2e2;border-color:#dc2626}.dark-mode .ignore-toggle.ignored{background:#7f1d1d;border-color:#f87171}.ignore-toggle.ignored .check-icon{color:#9ca3af;opacity:.4;transform:scale(.9)}.ignore-toggle.ignored .x-icon{color:#b91c1c;opacity:1;transform:scale(1.2)}.ignore-toggle{animation:toggleBounce .3s ease-out}@keyframes toggleBounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.word-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dark-mode .word-modal-overlay{background:#000000b3}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.word-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.dark-mode .word-modal-content{background:#374151;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.word-modal-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:24px;padding:24px 24px 0}.dark-mode .word-modal-header{border-bottom-color:#4b5563}.word-modal-header h2{color:#111827;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0}.dark-mode .word-modal-header h2{color:#f9fafb}.word-modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:24px;padding:4px;transition:all .2s ease}.dark-mode .word-modal-close{color:#d1d5db}.word-modal-close:hover{background:#f3f4f6;color:#374151}.dark-mode .word-modal-close:hover{background:#4b5563;color:#f9fafb}.word-modal-body{padding:0 24px 24px}.word-modal-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:24px}.dark-mode .word-modal-card{background:#4b5563;border-color:#6b7280}.word-modal-word-section{margin-bottom:20px}.word-modal-original{color:#111827;font-family:Inter,sans-serif;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px;word-break:break-word}.dark-mode .word-modal-original{color:#f9fafb}.word-modal-translation{color:#6b7280;font-family:Inter,sans-serif;font-size:18px;line-height:1.4;margin:0;word-break:break-word}.dark-mode .word-modal-translation{color:#d1d5db}.word-modal-status-section{margin-bottom:20px}.word-modal-status{align-items:center;display:flex;gap:8px;margin-bottom:8px}.word-modal-status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.word-modal-status-label{color:#374151;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.dark-mode .word-modal-status-label{color:#d1d5db}.word-modal-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.dark-mode .word-modal-subtitle{color:#9ca3af}.word-modal-stats{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px}.dark-mode .word-modal-stats{background:#1f2937;border-color:#374151}.word-modal-stat{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.word-modal-stat-label{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.dark-mode .word-modal-stat-label{color:#d1d5db}.word-modal-stat-value{color:#111827;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.dark-mode .word-modal-stat-value{color:#f9fafb}.word-modal-actions{border-top:1px solid #e5e7eb;padding-top:20px}.dark-mode .word-modal-actions{border-top-color:#4b5563}.word-modal-ignore-toggle{align-items:center;display:flex;justify-content:center}.word-modal-action-label{color:#374151;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.dark-mode .word-modal-action-label{color:#d1d5db}.word-modal-notes-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.dark-mode .word-modal-notes-section{border-top-color:#4b5563}.word-modal-notes-section .notes-container{background:#0000;border:none;margin:0;padding:0}.word-modal-notes-section .notes-header{margin-bottom:12px}.word-modal-notes-section .notes-title{color:#111827;font-size:16px;font-weight:600;margin:0}.dark-mode .word-modal-notes-section .notes-title{color:#f9fafb}.word-modal-notes-section .notes-textarea{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;min-height:80px;padding:12px;resize:vertical}.dark-mode .word-modal-notes-section .notes-textarea{background:#4b5563;border-color:#6b7280;color:#f9fafb}.word-modal-notes-section .notes-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dark-mode .word-modal-notes-section .notes-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.word-modal-notes-section .notes-content{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;min-height:60px;padding:12px}.dark-mode .word-modal-notes-section .notes-content{background:#4b5563;border-color:#6b7280}.word-modal-notes-section .notes-text{color:#374151;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0}.dark-mode .word-modal-notes-section .notes-text{color:#d1d5db}.word-modal-notes-section .notes-empty{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;display:flex;justify-content:center;min-height:60px;padding:12px}.dark-mode .word-modal-notes-section .notes-empty{background:#4b5563;border-color:#6b7280}.word-modal-notes-section .notes-empty-text{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;font-style:italic;margin:0}.dark-mode .word-modal-notes-section .notes-empty-text{color:#9ca3af}.word-card{cursor:pointer;transition:all .3s ease}.word-card:hover{border-color:#d1d5db;box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.dark-mode .word-card:hover{border-color:#6b7280;box-shadow:0 8px 25px #0006}.word-card:focus{outline:2px solid #3b82f6;outline-offset:2px}.dark-mode .word-card:focus{outline-color:#60a5fa}@media (max-width:768px){.word-modal-content{max-height:95vh;width:95%}.word-modal-header{padding:20px 20px 0}.word-modal-body{padding:0 20px 20px}.word-modal-card{padding:20px}.word-modal-original{font-size:24px}.word-modal-translation{font-size:16px}}.theme-toggle{align-items:center;background:var(--bg-quaternary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-icon{height:20px;transition:transform .3s ease;width:20px}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}.dark-mode .theme-toggle{background:var(--bg-tertiary);color:var(--text-secondary)}.dark-mode .theme-toggle:hover{background:var(--bg-quaternary);color:var(--text-primary)}.app-container{background:var(--bg-primary);display:flex;min-height:100vh}.sidebar{background:#1f2937;background:var(--sidebar-bg,#1f2937);box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;flex-shrink:0;padding:2rem 0;position:relative;transition:all .3s ease;width:80px}.sidebar:after{background:linear-gradient(180deg,#0000,#0000000d,#0000);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:1px}.dark-mode .sidebar:after{background:linear-gradient(180deg,#0000,#0000001a,#0000)}.sidebar-header{border-bottom:1px solid #374151;display:flex;justify-content:center;padding:0 1rem 2rem}.logo-image{height:40px;object-fit:contain;width:40px}.sidebar-nav{flex:1 1;flex-direction:column;gap:.5rem;padding:2rem 0}.nav-item,.sidebar-nav{align-items:center;display:flex}.nav-item{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:.875rem;font-weight:500;height:48px;justify-content:center;text-decoration:none;transition:all .2s ease;width:48px}.nav-item:hover{background-color:#374151;color:#fff}.nav-item.active{background-color:#3b82f6;color:#fff}.dark-mode .nav-item.active{background-color:#374151;color:#fff}.nav-icon{height:24px;width:24px}.logout-btn{color:#ef4444}.logout-btn:hover{background-color:#dc2626;color:#fff}.main-content{background:var(--bg-primary);flex:1 1;overflow:hidden}.settings-container{margin:0 auto;max-width:1200px;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.settings-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.settings-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:1rem}.card-header h2,.profile-avatar{font-size:1.25rem}.profile-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-weight:600;height:48px;justify-content:center;width:48px}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-item{align-items:center;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;padding:.75rem 0}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);font-weight:600}.preferences-section{display:flex;flex-direction:column;gap:2rem}.loading-text{color:var(--text-secondary);font-size:.875rem;font-style:italic;margin:.5rem 0 0}.preference-item{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.preference-info{flex:1 1}.preference-info h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.preference-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.preference-control{flex-shrink:0}.algorithm-options{display:flex;flex-direction:column;gap:.75rem;width:280px}.algorithm-btn{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.algorithm-btn.active,.algorithm-btn:hover{background:var(--primary-bg);border-color:var(--primary-color)}.algorithm-btn.pending{background:#f59e0b1a;background:var(--warning-bg,#f59e0b1a);border-color:#f59e0b;border-color:var(--warning-color,#f59e0b);position:relative}.algorithm-btn:disabled{cursor:not-allowed;opacity:.6}.algorithm-btn:disabled:hover{background:var(--card-bg);border-color:var(--border-color)}.algorithm-icon{flex-shrink:0;font-size:1.5rem}.algorithm-details{display:flex;flex-direction:column;gap:.25rem}.algorithm-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.algorithm-desc{color:var(--text-secondary);font-size:.8rem}.study-type-section{border-top:1px solid var(--border-color-light);margin-top:1rem;padding-top:1rem}.study-type-options{display:flex;flex-direction:column;gap:.75rem;width:280px}.study-type-btn{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.study-type-btn.active,.study-type-btn:hover{background:var(--primary-bg);border-color:var(--primary-color)}.study-type-btn.pending{background:#f59e0b1a;background:var(--warning-bg,#f59e0b1a);border-color:#f59e0b;border-color:var(--warning-color,#f59e0b);position:relative}.study-type-btn:disabled{cursor:not-allowed;opacity:.6}.study-type-btn:disabled:hover{background:var(--card-bg);border-color:var(--border-color)}.study-type-icon{flex-shrink:0;font-size:1.5rem}.study-type-details{display:flex;flex-direction:column;gap:.25rem}.study-type-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.study-type-desc{color:var(--text-secondary);font-size:.8rem}.confirmation-buttons{border-top:1px solid var(--border-color-light);display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.confirm-btn{border:none;border-radius:6px;font-weight:600;padding:.75rem 1.5rem}.confirm-btn:hover{transform:translateY(-1px)}.cancel-btn{background:#dc3545;background:var(--danger-color,#dc3545);border:none;border-radius:6px;color:#fff;font-weight:600;padding:.75rem 1.5rem}.cancel-btn:hover{background:#c82333;background:var(--danger-hover,#c82333);transform:translateY(-1px)}.fsrs-settings-link{background:var(--primary-color);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.fsrs-settings-link:hover{background:var(--primary-hover);transform:translateY(-1px)}.chevron-button,.chevron-link{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.chevron-button:hover,.chevron-link:hover{background:#9fd5d71a}.chevron{color:#9fd5d7;font-size:2.5rem;font-weight:400;line-height:1;transform:translateX(1px)}.goal-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:.5rem;text-align:center;width:80px}.goal-unit{color:var(--text-secondary);font-size:.9rem;margin-left:.5rem}.study-type-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;min-width:150px;padding:.5rem}.study-type-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-bg);outline:none}.dark-mode .study-type-select{background:var(--input-bg-dark);border-color:var(--border-color-dark)}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.password-change-section{width:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group label{color:var(--text-primary);font-size:.9rem}.form-group input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-bg);outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.validation-error{color:var(--danger-text);display:block;font-size:.8rem;margin-top:.25rem}.error-message{background:var(--danger-bg);color:var(--danger-text)}.error-message,.success-message{border-radius:4px;font-size:.9rem;margin-bottom:1rem;padding:.5rem}.success-message{background:var(--success-bg);color:var(--success-text)}.password-actions{display:flex;gap:.75rem;margin-top:1rem}.save-password-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.save-password-btn:hover{background:var(--primary-hover)}.save-password-btn:disabled{cursor:not-allowed;opacity:.6}.delete-account-btn,.export-btn,.save-password-btn:disabled,.save-password-btn:disabled:hover{background:var(--secondary-color)}.delete-account-btn,.export-btn{border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.delete-account-btn:hover,.export-btn:hover{background:var(--secondary-hover)}.delete-account-btn:disabled,.export-btn:disabled{cursor:not-allowed;opacity:.5}.dark-mode .algorithm-btn,.dark-mode .settings-card{background:var(--card-bg-dark)}.dark-mode .algorithm-btn{border-color:var(--border-color-dark)}.dark-mode .algorithm-btn.active,.dark-mode .algorithm-btn:hover{background:var(--primary-bg-dark)}.dark-mode .algorithm-btn.pending{background:#f59e0b33;border-color:#f59e0b;border-color:var(--warning-color,#f59e0b)}.dark-mode .algorithm-btn:disabled{opacity:.4}.dark-mode .study-type-btn{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.dark-mode .study-type-btn.active,.dark-mode .study-type-btn:hover{background:var(--primary-bg-dark)}.dark-mode .study-type-btn.pending{background:#f59e0b33;border-color:#f59e0b;border-color:var(--warning-color,#f59e0b)}.dark-mode .study-type-btn:disabled{opacity:.4}.dark-mode .form-group input,.dark-mode .goal-input{background:var(--input-bg-dark);border-color:var(--border-color-dark)}.dark-mode .confirmation-buttons{border-top-color:var(--border-color-dark)}.dark-mode .confirm-btn{background:var(--primary-color)}.dark-mode .confirm-btn:hover{background:var(--primary-hover)}.dark-mode .cancel-btn{background:#dc3545;background:var(--danger-color,#dc3545);border:none;color:#fff}.dark-mode .cancel-btn:hover{background:#c82333;background:var(--danger-hover,#c82333)}.delete-account-btn{background:#dc3545;background:var(--danger-color,#dc3545);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.delete-account-btn:hover{background:#c82333;background:var(--danger-hover,#c82333);transform:translateY(-1px)}.delete-account-btn:active{transform:translateY(0)}.delete-confirmation-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 25px #0003;max-width:500px;padding:2rem;width:90%}.delete-confirmation-modal .modal-content h2{color:#dc3545;color:var(--danger-color,#dc3545);font-size:1.5rem;margin-bottom:1rem}.modal-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.confirm-delete-btn{background:#dc3545;background:var(--danger-color,#dc3545);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.confirm-delete-btn:hover:not(:disabled){background:#c82333;background:var(--danger-hover,#c82333)}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-delete-btn{background:#6c757d;background:var(--secondary-color,#6c757d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-delete-btn:hover:not(:disabled){background:#5a6268;background:var(--secondary-hover,#5a6268)}.cancel-delete-btn:disabled{cursor:not-allowed;opacity:.6}.dark-mode .delete-account-btn{background:#dc3545;background:var(--danger-color,#dc3545)}.dark-mode .delete-account-btn:hover{background:#c82333;background:var(--danger-hover,#c82333)}.dark-mode .modal-content{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.dark-mode .confirm-delete-btn{background:#dc3545;background:var(--danger-color,#dc3545)}.dark-mode .confirm-delete-btn:hover:not(:disabled){background:#c82333;background:var(--danger-hover,#c82333)}.dark-mode .cancel-delete-btn{background:#6c757d;background:var(--secondary-color,#6c757d)}.dark-mode .cancel-delete-btn:hover:not(:disabled){background:#5a6268;background:var(--secondary-hover,#5a6268)}@media (max-width:768px){.settings-container{padding:1rem}.settings-header h1{font-size:2rem}.settings-grid{gap:1rem;grid-template-columns:1fr}.settings-card{padding:1rem}.preference-item{align-items:flex-start;flex-direction:column;gap:.75rem}.algorithm-btn,.algorithm-options,.study-type-btn,.study-type-options{width:100%}.confirmation-buttons{flex-direction:column;gap:.5rem}.confirm-btn,.reset-btn{width:100%}}.fsrs-settings-container{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.fsrs-settings-header{border-bottom:2px solid var(--border-color-light);margin-bottom:2rem;padding-bottom:1.5rem}.header-content{position:relative;text-align:center}.back-button{align-items:center;background:var(--secondary-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);display:inline-flex;font-size:.9rem;font-weight:500;left:0;padding:.5rem 1rem;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);transition:all .2s ease}.back-button:hover{background:var(--secondary-hover);transform:translateY(-50%) translateX(-2px)}.back-chevron-link{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px}.back-chevron-link:hover{background:#9fd5d71a}.back-chevron{color:#9fd5d7;font-size:2.5rem;font-weight:400;line-height:1;transform:translateX(-1px)}.fsrs-settings-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.fsrs-settings-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin:0}.fsrs-settings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.settings-card{background:var(--card-bg-secondary);border:1px solid var(--border-color-light);border-radius:8px;padding:2rem}.settings-card.full-width{grid-column:1/-1}.card-header{border-bottom:1px solid var(--border-color-light);margin-bottom:1.5rem;padding-bottom:.5rem}.card-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.setting-item{align-items:flex-start;border-bottom:1px solid var(--border-color-light);display:flex;gap:2rem;padding:1.5rem 0}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-info{flex:1 1;min-width:0}.setting-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.setting-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 .5rem}.setting-range{color:var(--text-tertiary);font-size:.8rem;font-style:italic}.setting-control{align-items:center;display:flex;flex-shrink:0;gap:.75rem;min-width:150px}.setting-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;min-width:200px;padding:.5rem}.setting-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-bg);outline:none}.setting-range-input{-webkit-appearance:none;appearance:none;background:var(--border-color);border-radius:4px;flex:1 1;height:8px;min-width:150px;outline:none}.setting-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.setting-range-input::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.setting-value{font-weight:600;min-width:40px}.setting-number-input,.setting-value{color:var(--text-primary);font-size:.9rem;text-align:center}.setting-number-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;width:100px}.setting-number-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-bg);outline:none}.setting-unit{color:var(--text-secondary);font-size:.9rem}.setting-toggle{display:inline-block;height:24px;position:relative;width:50px}.setting-toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--border-color);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.setting-toggle input:checked+.toggle-slider{background-color:var(--primary-color)}.setting-toggle input:checked+.toggle-slider:before{transform:translateX(26px)}.settings-actions{border-top:1px solid var(--border-color-light);display:flex;gap:1rem;justify-content:center;padding-top:1rem}.cancel-btn,.reset-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.save-btn{background:var(--primary-color);color:#fff}.save-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.save-btn:disabled{background:var(--border-color);color:var(--text-tertiary);cursor:not-allowed;transform:none}.cancel-btn{background:var(--secondary-color);color:var(--text-primary)}.cancel-btn:hover:not(:disabled){background:var(--secondary-hover)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.reset-btn{background:#dc3545;background:var(--danger-color,#dc3545);color:#fff}.reset-btn:hover:not(:disabled){background:#c82333;background:var(--danger-hover,#c82333);transform:translateY(-1px)}.reset-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.fsrs-settings-container{margin:1rem;padding:1rem}.back-button{align-self:flex-start;margin-bottom:1rem;position:static;transform:none}.header-content{align-items:center;display:flex;flex-direction:column}.fsrs-settings-header h1{font-size:2rem}.fsrs-settings-grid{gap:1rem;grid-template-columns:1fr}.setting-item{flex-direction:column;gap:1rem}.setting-control{justify-content:flex-start;width:100%}.setting-select{min-width:100%}.settings-actions{flex-direction:column}.cancel-btn,.reset-btn,.save-btn{width:100%}.optimization-actions{flex-direction:column}.optimize-btn,.update-cards-btn{width:100%}}.dark-mode .fsrs-settings-container{background:var(--card-bg-dark)}.dark-mode .settings-card{background:var(--card-bg-secondary-dark);border-color:var(--border-color-dark)}.dark-mode .setting-number-input,.dark-mode .setting-select{background:var(--input-bg-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.dark-mode .setting-range-input{background:var(--border-color-dark)}.dark-mode .toggle-slider{background-color:var(--border-color-dark)}.dark-mode .toggle-slider:before{background-color:var(--text-primary-dark)}.optimization-actions{display:flex;gap:1rem;margin-bottom:1rem}.optimize-btn,.update-cards-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.optimize-btn{background:var(--primary-color);color:#fff}.optimize-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.optimize-btn:disabled{background:var(--border-color);color:var(--text-tertiary);cursor:not-allowed;opacity:.6;position:relative;transform:none}.optimize-btn:disabled:after{background:#0000001a;border-radius:6px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.update-cards-btn{background:var(--secondary-color);border:1px solid var(--border-color);color:var(--text-primary)}.update-cards-btn:hover:not(:disabled){background:var(--secondary-hover)}.update-cards-btn:disabled{cursor:not-allowed;opacity:.5}.optimization-info{background:var(--card-bg);border:1px solid var(--border-color-light);border-radius:6px;padding:1rem}.optimization-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 .5rem}.optimization-info p:last-child{margin-bottom:0}.optimization-info strong{color:var(--text-primary)}.subdeck-selector{background:var(--card-bg);border:1px solid var(--border-color-light);border-radius:6px;margin-top:1rem;padding:1rem}.subdeck-selector h4{color:var(--text-primary);font-size:1rem;margin:0 0 .75rem}.subdeck-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;margin-bottom:1rem;padding:.75rem;width:100%}.subdeck-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light);outline:none}.subdeck-selector-actions{display:flex;gap:.5rem;justify-content:flex-end}.cancel-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.cancel-btn:hover{background:var(--border-color-light);color:var(--text-primary)}.confirm-btn{background:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.confirm-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.confirm-btn:disabled{background:var(--border-color);border-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.optimization-results{background:var(--card-bg);border:1px solid var(--border-color-light);border-left:4px solid var(--primary-color);border-radius:6px;margin-top:1rem;padding:1rem}.optimization-results h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.optimization-summary{background:var(--card-bg-secondary);border-radius:4px;margin-bottom:1rem;padding:.75rem}.optimization-summary p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 .5rem}.optimization-summary p:last-child{margin-bottom:0}.optimization-summary strong{color:var(--text-primary)}.parameter-changes,.parameter-unchanged{margin-bottom:1rem}.parameter-changes h5,.parameter-unchanged h5{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.changes-list,.unchanged-list{display:flex;flex-direction:column;gap:.25rem}.change-item,.unchanged-item{align-items:center;display:flex;font-size:.85rem;gap:.5rem;padding:.25rem 0}.parameter-name{color:var(--text-primary);font-weight:500;min-width:120px}.change-arrow{color:var(--text-tertiary);font-size:.8rem}.old-value{color:#dc3545;color:var(--danger-color,#dc3545);font-weight:500}.new-value{color:#28a745;color:var(--success-color,#28a745);font-weight:500}.clear-results-btn,.parameter-value{color:var(--text-secondary)}.clear-results-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem;transition:all .2s ease}.clear-results-btn:hover{background:var(--border-color-light);color:var(--text-primary)}@media (max-width:768px){.optimization-stats{grid-template-columns:1fr}.optimization-actions{flex-direction:column}.optimize-btn,.update-cards-btn{width:100%}.subdeck-selector-actions{justify-content:center}}.toast{align-items:center;animation:slideIn .3s ease-out;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);display:flex;gap:12px;justify-content:space-between;max-width:400px;min-width:300px;padding:12px 16px}.toast-success{border-left:4px solid var(--success-text)}.toast-error{border-left:4px solid var(--danger-text)}.toast-warning{border-left:4px solid var(--warning-text)}.toast-info,.toast-loading{border-left:4px solid var(--primary-color)}.toast-loading-dots{display:flex;gap:4px;margin-left:8px}.toast-loading-dots span{animation:loadingDots 1.4s ease-in-out infinite both;background:var(--primary-color);border-radius:50%;height:6px;width:6px}.toast-loading-dots span:first-child{animation-delay:-.32s}.toast-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.toast-content{align-items:center;display:flex;flex:1 1;gap:8px}.toast-icon{flex-shrink:0;font-size:16px}.toast-message{color:var(--text-primary);font-size:16px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.toast-close:hover{background:var(--border-color);color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-container{align-items:flex-end;display:flex;flex-direction:column;gap:10px;padding-right:20px;position:fixed;right:20px;top:20px;width:100%;z-index:1000}.toast-container .toast{left:auto;margin:0;max-width:400px;position:relative;right:auto;top:auto;transform:none;width:auto}.dark-mode .toast{background:var(--card-bg-dark);border-color:var(--border-color)}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}.App{min-height:100vh;transition:background-color .3s ease}.App,.App.dark-mode{background-color:var(--bg-primary)}
/*# sourceMappingURL=main.1a09db5c.css.map*/