.kanji-page.svelte-7wzzzh.svelte-7wzzzh{min-height:calc(100vh - 64px);padding:var(--space-xl) var(--space-lg);padding-bottom:var(--space-3xl);overflow-y:auto}.kanji-container.svelte-7wzzzh.svelte-7wzzzh{max-width:600px;margin:0 auto}.selection-screen.svelte-7wzzzh.svelte-7wzzzh{text-align:center;animation:svelte-7wzzzh-fadeInUp .5s ease-out}.back-link.svelte-7wzzzh.svelte-7wzzzh{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;margin-bottom:var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-link.svelte-7wzzzh.svelte-7wzzzh:hover{color:var(--accent-primary);background:var(--surface-hover)}.page-title.svelte-7wzzzh.svelte-7wzzzh{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.title-icon.svelte-7wzzzh.svelte-7wzzzh{font-size:2rem}.page-subtitle.svelte-7wzzzh.svelte-7wzzzh{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--space-xl)}.back-btn.svelte-7wzzzh.svelte-7wzzzh{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;margin-bottom:var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-btn.svelte-7wzzzh.svelte-7wzzzh:hover{color:var(--text-primary);background:var(--surface-hover)}.mode-cards.svelte-7wzzzh.svelte-7wzzzh{display:flex;flex-direction:column;gap:var(--space-md);max-width:450px;margin:0 auto}.mode-card.svelte-7wzzzh.svelte-7wzzzh{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--surface-1);border:2px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-align:left}.mode-card.svelte-7wzzzh.svelte-7wzzzh:hover{border-color:var(--accent-primary);transform:translate(8px);box-shadow:var(--shadow-lg)}.mode-icon.svelte-7wzzzh.svelte-7wzzzh{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--radius-lg);font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}.mode-info.svelte-7wzzzh.svelte-7wzzzh{flex:1}.mode-info.svelte-7wzzzh h3.svelte-7wzzzh{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.mode-info.svelte-7wzzzh p.svelte-7wzzzh{font-size:.85rem;color:var(--text-secondary);margin:0}.mode-card.svelte-7wzzzh .arrow.svelte-7wzzzh{color:var(--text-muted);transition:transform var(--transition-fast)}.mode-card.svelte-7wzzzh:hover .arrow.svelte-7wzzzh{transform:translate(4px);color:var(--accent-primary)}.selected-mode-badge.svelte-7wzzzh.svelte-7wzzzh{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,#f59e0b26,#d977061a);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-full);margin-bottom:var(--space-lg);color:#f59e0b;font-weight:500}.level-grid.svelte-7wzzzh.svelte-7wzzzh{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md);margin-bottom:var(--space-xl);max-width:450px;margin-left:auto;margin-right:auto}.level-card.svelte-7wzzzh.svelte-7wzzzh{padding:var(--space-lg) var(--space-md);background:var(--surface-1);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.level-card.svelte-7wzzzh.svelte-7wzzzh:hover{border-color:var(--border-strong);transform:translateY(-2px)}.level-card.selected.svelte-7wzzzh.svelte-7wzzzh{border-color:var(--accent-primary);background:var(--accent-primary)}.level-name.svelte-7wzzzh.svelte-7wzzzh{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.level-card.selected.svelte-7wzzzh .level-name.svelte-7wzzzh{color:#fff}.start-wrapper.svelte-7wzzzh.svelte-7wzzzh{margin-top:var(--space-xl)}.exercise-screen.svelte-7wzzzh.svelte-7wzzzh{max-width:500px;margin:0 auto;animation:svelte-7wzzzh-fadeIn .3s ease-out}.progress-bar.svelte-7wzzzh.svelte-7wzzzh{height:4px;background:var(--surface-2);border-radius:var(--radius-full);margin-bottom:var(--space-lg);overflow:hidden}.progress-fill.svelte-7wzzzh.svelte-7wzzzh{height:100%;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--radius-full);transition:width .5s cubic-bezier(.34,1.56,.64,1)}.exercise-header.svelte-7wzzzh.svelte-7wzzzh{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.question-counter.svelte-7wzzzh.svelte-7wzzzh{font-size:.875rem;color:var(--text-secondary);font-weight:500;padding:var(--space-xs) var(--space-sm);background:var(--surface-2);border-radius:var(--radius-md)}.close-btn.svelte-7wzzzh.svelte-7wzzzh{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.close-btn.svelte-7wzzzh.svelte-7wzzzh:hover{background:var(--surface-hover);color:var(--text-primary)}.exercise-content.svelte-7wzzzh.svelte-7wzzzh{animation:svelte-7wzzzh-scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.mode-indicator.svelte-7wzzzh.svelte-7wzzzh{display:inline-flex;padding:var(--space-xs) var(--space-md);background:#f59e0b26;border-radius:var(--radius-md);color:#f59e0b;font-size:.9rem;margin-bottom:var(--space-lg)}.question-display.svelte-7wzzzh.svelte-7wzzzh{text-align:center;margin-bottom:var(--space-lg)}.question-kanji.svelte-7wzzzh.svelte-7wzzzh{font-size:5rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:var(--space-sm)}.question-text.svelte-7wzzzh.svelte-7wzzzh{display:flex;flex-direction:column;gap:var(--space-xs)}.meaning-en.svelte-7wzzzh.svelte-7wzzzh{font-size:1.5rem;color:var(--text-primary);font-weight:500}.meaning-uk.svelte-7wzzzh.svelte-7wzzzh{font-size:1.1rem;color:var(--text-secondary)}.verb-hint.svelte-7wzzzh.svelte-7wzzzh{font-size:.9rem;color:var(--text-tertiary);margin-top:var(--space-sm)}.instruction.svelte-7wzzzh.svelte-7wzzzh{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.05em}.answer-section.svelte-7wzzzh.svelte-7wzzzh{margin-bottom:var(--space-lg)}.input-wrapper.svelte-7wzzzh.svelte-7wzzzh{position:relative}.answer-input.svelte-7wzzzh.svelte-7wzzzh{width:100%;padding:var(--space-lg);font-size:1.75rem;text-align:center;background:var(--surface-1);border:2px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);outline:none;transition:all var(--transition-fast);font-family:var(--font-jp)}.answer-input.svelte-7wzzzh.svelte-7wzzzh:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.answer-input.svelte-7wzzzh.svelte-7wzzzh::placeholder{color:var(--text-muted);font-size:1rem}.input-wrapper.correct.svelte-7wzzzh .answer-input.svelte-7wzzzh{border-color:var(--success);background:var(--success-bg);animation:svelte-7wzzzh-correctAnswer .5s ease,svelte-7wzzzh-successPulse .8s ease}.input-wrapper.incorrect.svelte-7wzzzh .answer-input.svelte-7wzzzh{border-color:var(--error);background:var(--error-bg);animation:svelte-7wzzzh-wrongAnswer .5s ease,svelte-7wzzzh-errorPulse .8s ease}@keyframes svelte-7wzzzh-correctAnswer{0%{transform:scale(1)}25%{transform:scale(1.02)}50%{transform:scale(.99)}75%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes svelte-7wzzzh-successPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 12px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes svelte-7wzzzh-wrongAnswer{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes svelte-7wzzzh-errorPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 12px #ef444400}to{box-shadow:0 0 #ef444400}}.result-indicator.svelte-7wzzzh.svelte-7wzzzh{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--error);color:#fff;animation:svelte-7wzzzh-popBounce .4s cubic-bezier(.34,1.56,.64,1)}.result-indicator.correct.svelte-7wzzzh.svelte-7wzzzh{background:var(--success);animation:svelte-7wzzzh-popBounce .4s cubic-bezier(.34,1.56,.64,1),svelte-7wzzzh-celebrateGlow .6s ease-out}@keyframes svelte-7wzzzh-popBounce{0%{transform:translateY(-50%) scale(0)}60%{transform:translateY(-50%) scale(1.2)}80%{transform:translateY(-50%) scale(.9)}to{transform:translateY(-50%) scale(1)}}@keyframes svelte-7wzzzh-celebrateGlow{0%{box-shadow:0 0 #10b98199}50%{box-shadow:0 0 20px 5px #10b98166}to{box-shadow:0 0 #10b98100}}.correct-answer.svelte-7wzzzh.svelte-7wzzzh{margin-top:var(--space-md);padding:var(--space-lg);background:var(--surface-2);border-radius:var(--radius-md);text-align:center;animation:svelte-7wzzzh-fadeInUp .3s ease-out;border:1px solid var(--border-subtle)}.correct-label.svelte-7wzzzh.svelte-7wzzzh{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.correct-value.svelte-7wzzzh.svelte-7wzzzh{font-size:1.75rem;font-weight:600;color:var(--success)}.alt-answer.svelte-7wzzzh.svelte-7wzzzh{display:block;font-size:1rem;color:var(--text-tertiary);margin-top:var(--space-xs)}.reading-hint.svelte-7wzzzh.svelte-7wzzzh{display:block;font-size:.9rem;color:var(--text-tertiary);margin-top:var(--space-xs)}.options-grid.svelte-7wzzzh.svelte-7wzzzh{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.option-btn.svelte-7wzzzh.svelte-7wzzzh{position:relative;padding:var(--space-lg) var(--space-md);font-size:2rem;font-weight:600;background:var(--surface-1);border:2px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.option-btn.svelte-7wzzzh.svelte-7wzzzh:hover:not(:disabled){border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b33}.option-btn.svelte-7wzzzh.svelte-7wzzzh:disabled{cursor:default}.option-btn.selected.svelte-7wzzzh.svelte-7wzzzh{border-color:#f59e0b;background:#f59e0b1a}.option-btn.correct.svelte-7wzzzh.svelte-7wzzzh{border-color:var(--success);background:var(--success-bg);animation:svelte-7wzzzh-correctPulse .5s ease-out}.option-btn.incorrect.svelte-7wzzzh.svelte-7wzzzh{border-color:var(--error);background:var(--error-bg);animation:svelte-7wzzzh-shake .5s ease-out}.option-btn.svelte-7wzzzh .check-icon.svelte-7wzzzh{position:absolute;top:var(--space-sm);right:var(--space-sm);color:var(--success)}@keyframes svelte-7wzzzh-correctPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes svelte-7wzzzh-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.action-buttons.svelte-7wzzzh.svelte-7wzzzh{display:flex;flex-direction:column;gap:var(--space-sm)}.key-hint.svelte-7wzzzh.svelte-7wzzzh{margin-left:var(--space-sm);padding:2px 6px;background:#ffffff26;border-radius:var(--radius-sm);font-size:.75rem;font-weight:400;opacity:.8}.complete-screen.svelte-7wzzzh.svelte-7wzzzh{display:flex;align-items:center;justify-content:center;min-height:60vh;animation:svelte-7wzzzh-scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.complete-content.svelte-7wzzzh.svelte-7wzzzh{text-align:center;max-width:400px;width:100%}.complete-icon.svelte-7wzzzh.svelte-7wzzzh{font-size:5rem;margin-bottom:var(--space-lg)}.complete-content.svelte-7wzzzh h1.svelte-7wzzzh{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xl)}.results.svelte-7wzzzh.svelte-7wzzzh{display:flex;flex-direction:column;gap:var(--space-md)}.result-item.svelte-7wzzzh.svelte-7wzzzh{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.result-item.svelte-7wzzzh.svelte-7wzzzh:last-child{border-bottom:none}.result-label.svelte-7wzzzh.svelte-7wzzzh{color:var(--text-secondary)}.result-value.svelte-7wzzzh.svelte-7wzzzh{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.result-percent.svelte-7wzzzh.svelte-7wzzzh{color:var(--text-secondary);font-size:.875rem;font-weight:400;margin-left:var(--space-xs)}.complete-actions.svelte-7wzzzh.svelte-7wzzzh{display:flex;gap:var(--space-md);margin-top:var(--space-xl);justify-content:center}@media (max-width: 480px){.level-grid.svelte-7wzzzh.svelte-7wzzzh{grid-template-columns:repeat(2,1fr)}.question-kanji.svelte-7wzzzh.svelte-7wzzzh{font-size:3.5rem}.complete-actions.svelte-7wzzzh.svelte-7wzzzh{flex-direction:column}}@keyframes svelte-7wzzzh-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-7wzzzh-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-7wzzzh-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}