.mode-menu.svelte-1k5bzl4{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem;padding:0 1rem;width:100%;max-width:500px;margin-left:auto;margin-right:auto;box-sizing:border-box}.mode-btn.svelte-1k5bzl4{width:100%;padding:.9rem 1.4rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;touch-action:manipulation;box-sizing:border-box;max-width:100%;overflow:hidden}.mode-btn.svelte-1k5bzl4:active{transform:scale(.98)}.mode-btn.svelte-1k5bzl4:hover{border-color:#667eea;box-shadow:0 4px 8px #0000001a}.mode-btn.active.svelte-1k5bzl4{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea4d}@media(min-width:640px){.mode-menu.svelte-1k5bzl4{flex-direction:row;gap:1rem;justify-content:center;margin-bottom:1.75rem;padding:0 2rem}.mode-btn.svelte-1k5bzl4{flex:1;max-width:250px;padding:1.1rem 1.8rem;font-size:1.05rem}.mode-btn.svelte-1k5bzl4:hover{transform:translateY(-2px)}.mode-btn.svelte-1k5bzl4:active{transform:translateY(-1px) scale(.98)}}.quiz-container.svelte-mt71fj{width:100%;max-width:500px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.quiz-card.svelte-mt71fj{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:1.5rem 1rem;box-shadow:0 10px 30px #0003;color:#fff;text-align:center;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.card-header.svelte-mt71fj{margin-bottom:1.5rem;display:flex;justify-content:flex-end}.level-badge.svelte-mt71fj{background:#ffffff40;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;backdrop-filter:blur(10px)}.kanji-display.svelte-mt71fj{font-size:5rem;font-weight:400;margin:1rem 0 .75rem;text-shadow:0 4px 8px rgba(0,0,0,.2);font-family:Shippori Mincho,Noto Sans JP,Hiragino Mincho ProN,serif;line-height:1.1;min-height:5.5rem}.kanji-display.show-strokes.svelte-mt71fj{font-family:KanjiStrokeOrders,Shippori Mincho,Noto Sans JP,serif}.hiragana-hint.svelte-mt71fj{font-size:1.1rem;margin-bottom:1.25rem;opacity:.95;font-family:Shippori Mincho,Noto Sans JP,Hiragino Mincho ProN,serif;min-height:1.65rem}.btn.svelte-mt71fj{padding:.85rem 1.75rem;font-size:1rem;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;margin:.4rem;width:100%;max-width:280px;touch-action:manipulation}.btn.svelte-mt71fj:active{transform:scale(.98)}.btn-primary.svelte-mt71fj{background:#fff;color:#667eea;box-shadow:0 4px 12px #00000026}.btn-success.svelte-mt71fj{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-error.svelte-mt71fj{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.answer-section.svelte-mt71fj{margin-top:1.5rem;animation:svelte-mt71fj-fadeIn .3s ease}.correct-answer.svelte-mt71fj{background:#ffffff40;padding:1rem;border-radius:12px;margin-bottom:1.25rem;font-size:1.3rem;font-weight:600;backdrop-filter:blur(10px);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.button-group.svelte-mt71fj{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:100%}.no-due.svelte-mt71fj{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 10px 30px #0003;width:100%;max-width:100%;box-sizing:border-box}.success-icon.svelte-mt71fj{font-size:3.5rem;margin-bottom:1rem}.no-due.svelte-mt71fj h3:where(.svelte-mt71fj){font-size:1.3rem;margin:1rem 0}.no-due.svelte-mt71fj p:where(.svelte-mt71fj){font-size:.95rem;opacity:.9;line-height:1.5}@keyframes svelte-mt71fj-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.quiz-container.svelte-mt71fj{padding:0 2rem}.quiz-card.svelte-mt71fj{padding:2.5rem 2rem;border-radius:20px}.kanji-display.svelte-mt71fj{font-size:8rem;margin:1.5rem 0 1rem;min-height:8.8rem}.hiragana-hint.svelte-mt71fj{font-size:1.4rem;margin-bottom:1.75rem;min-height:2.1rem}.btn.svelte-mt71fj{padding:1rem 2rem;font-size:1.1rem}.correct-answer.svelte-mt71fj{font-size:1.8rem;padding:1.5rem}.button-group.svelte-mt71fj{flex-direction:row;justify-content:center}.btn.svelte-mt71fj{max-width:200px}.no-due.svelte-mt71fj{padding:3.5rem 2.5rem}.success-icon.svelte-mt71fj{font-size:5rem}.no-due.svelte-mt71fj h3:where(.svelte-mt71fj){font-size:2rem}.no-due.svelte-mt71fj p:where(.svelte-mt71fj){font-size:1.2rem}}.practice-container.svelte-hfty8b{width:100%;max-width:500px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.practice-card.svelte-hfty8b{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:1.5rem 1rem;box-shadow:0 10px 30px #0003;color:#fff;text-align:center;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.card-header.svelte-hfty8b{margin-bottom:1.25rem;display:flex;justify-content:center}.counter.svelte-hfty8b{background:#ffffff40;padding:.35rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600;backdrop-filter:blur(10px)}.kanji-display.svelte-hfty8b{font-size:5rem;font-weight:400;margin:1rem 0 .75rem;text-shadow:0 4px 8px rgba(0,0,0,.2);font-family:Shippori Mincho,Noto Sans JP,Hiragino Mincho ProN,serif;line-height:1.1;min-height:5.5rem}.kanji-display.show-strokes.svelte-hfty8b{font-family:KanjiStrokeOrders,Shippori Mincho,Noto Sans JP,serif}.hiragana-hint.svelte-hfty8b{font-size:1.1rem;margin-bottom:1.25rem;opacity:.95;font-family:Shippori Mincho,Noto Sans JP,Hiragino Mincho ProN,serif;min-height:1.65rem}.btn.svelte-hfty8b{padding:.85rem 1.75rem;font-size:1rem;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;margin:.4rem;width:100%;max-width:280px;touch-action:manipulation}.btn.svelte-hfty8b:active{transform:scale(.98)}.btn-primary.svelte-hfty8b{background:#fff;color:#667eea;box-shadow:0 4px 12px #00000026}.answer-section.svelte-hfty8b{margin-top:1.5rem;animation:svelte-hfty8b-fadeIn .3s ease}.correct-answer.svelte-hfty8b{background:#ffffff40;padding:1rem;border-radius:12px;margin-bottom:1.25rem;font-size:1.3rem;font-weight:600;backdrop-filter:blur(10px);word-wrap:break-word;overflow-wrap:break-word}.navigation.svelte-hfty8b{display:flex;flex-direction:column;gap:.6rem;justify-content:center;margin-top:1.5rem}.btn-nav.svelte-hfty8b{background:#fff3;color:#fff;backdrop-filter:blur(10px);max-width:100%;padding:.8rem 1.4rem;font-size:.95rem}.btn-nav.svelte-hfty8b:hover{background:#ffffff4d}.no-vocab.svelte-hfty8b{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 10px 30px #0003;width:100%}@keyframes svelte-hfty8b-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.practice-container.svelte-hfty8b{padding:0 2rem}.practice-card.svelte-hfty8b{padding:2.5rem 2rem;border-radius:20px}.kanji-display.svelte-hfty8b{font-size:8rem;margin:1.5rem 0 1rem;min-height:8.8rem}.hiragana-hint.svelte-hfty8b{font-size:1.4rem;margin-bottom:1.75rem;min-height:2.1rem}.btn.svelte-hfty8b{padding:1rem 2rem;font-size:1.1rem}.correct-answer.svelte-hfty8b{font-size:1.8rem;padding:1.5rem}.navigation.svelte-hfty8b{flex-direction:row;gap:1rem}.btn-nav.svelte-hfty8b{max-width:180px;padding:.9rem 1.6rem;font-size:1rem}}.app-container.svelte-nejbyb{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.mode-content.svelte-nejbyb{margin-top:1rem;width:100%;max-width:100%;display:flex;justify-content:center;overflow-x:hidden}@media(min-width:768px){.mode-content.svelte-nejbyb{margin-top:2rem}}.progress-container.svelte-rgwvlh{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.progress-header.svelte-rgwvlh{text-align:center;margin-bottom:1.75rem;width:100%}.progress-header.svelte-rgwvlh h2:where(.svelte-rgwvlh){font-size:1.6rem;margin-bottom:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats.svelte-rgwvlh{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.stat-card.svelte-rgwvlh{background:linear-gradient(135deg,#667eea,#764ba2);padding:.9rem 1.6rem;border-radius:12px;color:#fff;box-shadow:0 4px 12px #667eea4d;min-width:90px}.stat-number.svelte-rgwvlh{font-size:1.8rem;font-weight:700;text-align:center}.stat-label.svelte-rgwvlh{font-size:.85rem;opacity:.9;text-align:center;margin-top:.2rem}.vocab-grid.svelte-rgwvlh{display:grid;grid-template-columns:1fr;gap:.9rem;width:100%;max-width:100%;box-sizing:border-box}.vocab-card.svelte-rgwvlh{background:#fff;border-radius:12px;padding:1.1rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;box-sizing:border-box;overflow:hidden;max-width:100%}.vocab-card.svelte-rgwvlh:active{transform:scale(.98)}.vocab-kanji.svelte-rgwvlh{font-size:2.2rem;font-weight:400;text-align:center;margin-bottom:.4rem;font-family:Shippori Mincho,Noto Sans JP,Hiragino Mincho ProN,serif;color:#1f2937}.vocab-hiragana.svelte-rgwvlh{font-size:.95rem;text-align:center;color:#6b7280;margin-bottom:.65rem;font-family:Shippori Mincho,Noto Sans JP,Hiragino Mincho ProN,serif}.vocab-deutsch.svelte-rgwvlh{font-size:1rem;text-align:center;font-weight:600;color:#4b5563;padding:.65rem;background:#f9fafb;border-radius:8px;margin-bottom:.9rem}.vocab-meta.svelte-rgwvlh{display:flex;flex-direction:column;gap:.75rem}.level-progress.svelte-rgwvlh{display:flex;flex-direction:column;gap:.4rem}.level-label.svelte-rgwvlh{font-size:.85rem;font-weight:600;color:#6b7280}.progress-bar.svelte-rgwvlh{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill.svelte-rgwvlh{height:100%;transition:width .3s ease;border-radius:3px}.next-review.svelte-rgwvlh{font-size:.85rem;color:#6b7280;text-align:center;padding:.5rem;background:#f3f4f6;border-radius:6px}@media(min-width:640px){.vocab-grid.svelte-rgwvlh{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.progress-container.svelte-rgwvlh{padding:0 2rem}.progress-header.svelte-rgwvlh{margin-bottom:3rem}.progress-header.svelte-rgwvlh h2:where(.svelte-rgwvlh){font-size:2.5rem;margin-bottom:2rem}.stats.svelte-rgwvlh{gap:2rem}.stat-card.svelte-rgwvlh{padding:1.5rem 3rem;border-radius:16px}.stat-number.svelte-rgwvlh{font-size:3rem}.stat-label.svelte-rgwvlh{font-size:1rem;margin-top:.5rem}.vocab-grid.svelte-rgwvlh{gap:1.5rem}.vocab-card.svelte-rgwvlh{padding:1.5rem}.vocab-card.svelte-rgwvlh:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.vocab-kanji.svelte-rgwvlh{font-size:3rem}.vocab-hiragana.svelte-rgwvlh{font-size:1.2rem;margin-bottom:1rem}.vocab-deutsch.svelte-rgwvlh{font-size:1.3rem;margin-bottom:1.5rem}.vocab-meta.svelte-rgwvlh{gap:1rem}.level-progress.svelte-rgwvlh{gap:.5rem}.level-label.svelte-rgwvlh{font-size:.9rem}.progress-bar.svelte-rgwvlh{height:8px;border-radius:4px}.progress-fill.svelte-rgwvlh{border-radius:4px}.next-review.svelte-rgwvlh{font-size:.9rem}}@media(min-width:1024px){.vocab-grid.svelte-rgwvlh{grid-template-columns:repeat(3,1fr)}}.settings-container.svelte-1u3w06f{max-width:1200px;width:100%;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}h2.svelte-1u3w06f{text-align:center;font-size:1.6rem;margin-bottom:1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:100%}.stats-grid.svelte-1u3w06f{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin-bottom:1.75rem;width:100%;max-width:600px;box-sizing:border-box}.stat-box.svelte-1u3w06f{background:#fff;padding:1.2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #00000014;box-sizing:border-box;overflow:hidden}.stat-value.svelte-1u3w06f{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-name.svelte-1u3w06f{font-size:.85rem;color:#6b7280;margin-top:.4rem}.stats-detail.svelte-1u3w06f{background:#fff;padding:1.2rem;border-radius:12px;margin-bottom:1.75rem;box-shadow:0 2px 8px #00000014;width:100%;max-width:600px;box-sizing:border-box}.stats-detail.svelte-1u3w06f p:where(.svelte-1u3w06f){margin:.4rem 0;color:#4b5563;font-size:.95rem}.actions.svelte-1u3w06f{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.75rem;width:100%;max-width:600px}.btn.svelte-1u3w06f{padding:.9rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;touch-action:manipulation}.btn.svelte-1u3w06f:active{transform:scale(.98)}.btn-export.svelte-1u3w06f{background:#10b981;color:#fff}.btn-import.svelte-1u3w06f{background:#3b82f6;color:#fff}.btn-reset.svelte-1u3w06f{background:#ef4444;color:#fff}.btn-toggle.svelte-1u3w06f{background:#6b7280;color:#fff;margin-bottom:.9rem;width:100%;max-width:600px}.btn.svelte-1u3w06f:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.history-section.svelte-1u3w06f{background:#fff;padding:1.2rem;border-radius:12px;box-shadow:0 2px 8px #00000014;width:100%;max-width:800px}.vocab-history.svelte-1u3w06f{margin-bottom:1.5rem;padding-bottom:.9rem;border-bottom:1px solid #e5e7eb}.vocab-history.svelte-1u3w06f:last-child{border-bottom:none}.vocab-history.svelte-1u3w06f h4:where(.svelte-1u3w06f){margin-bottom:.9rem;color:#1f2937;font-size:1.1rem;font-family:Shippori Mincho,Noto Sans JP,serif}.history-entries.svelte-1u3w06f{display:flex;flex-direction:column;gap:.45rem}.history-entry.svelte-1u3w06f{display:flex;align-items:center;gap:.9rem;padding:.45rem;border-radius:6px;background:#f9fafb;font-size:.85rem}.history-entry.correct.svelte-1u3w06f{background:#d1fae5}.timestamp.svelte-1u3w06f{color:#6b7280;flex:1}.result.svelte-1u3w06f{font-size:1.1rem}.level-change.svelte-1u3w06f{color:#4b5563;font-weight:600;font-size:.85rem}@media(min-width:640px){.stats-grid.svelte-1u3w06f{grid-template-columns:repeat(4,1fr);gap:1rem}.actions.svelte-1u3w06f{flex-direction:row;gap:1rem}}@media(min-width:768px){.settings-container.svelte-1u3w06f{padding:0 2rem}h2.svelte-1u3w06f{font-size:2.2rem;margin-bottom:2.25rem}.stat-box.svelte-1u3w06f{padding:1.5rem}.stat-value.svelte-1u3w06f{font-size:2.8rem}.stat-name.svelte-1u3w06f{font-size:.95rem;margin-top:.5rem}.stats-detail.svelte-1u3w06f{padding:1.5rem}.stats-detail.svelte-1u3w06f p:where(.svelte-1u3w06f){font-size:1rem;margin:.5rem 0}.btn.svelte-1u3w06f{padding:1rem;font-size:1rem}.history-section.svelte-1u3w06f{padding:1.5rem}.vocab-history.svelte-1u3w06f h4:where(.svelte-1u3w06f){font-size:1.2rem;margin-bottom:1rem}.history-entry.svelte-1u3w06f{padding:.5rem;gap:1rem;font-size:.9rem}.level-change.svelte-1u3w06f{font-size:.9rem}}@font-face{font-family:KanjiStrokeOrders;src:url(/fonts/KanjiStrokeOrders_v4.005.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}[data-astro-cid-j7pv25f6]{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;overflow-x:hidden;width:100%}body{padding:.75rem;display:flex;justify-content:center}main[data-astro-cid-j7pv25f6]{max-width:1400px;width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.header[data-astro-cid-j7pv25f6]{text-align:center;margin-bottom:1.5rem;width:100%}.logo[data-astro-cid-j7pv25f6]{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;padding:0 .5rem}.subtitle[data-astro-cid-j7pv25f6]{font-size:.85rem;color:#6b7280;line-height:1.5;padding:0 1rem}.divider[data-astro-cid-j7pv25f6]{max-width:100%;margin:2rem auto;height:2px;background:linear-gradient(90deg,transparent,#667eea,transparent)}main[data-astro-cid-j7pv25f6]{max-width:1400px;margin:0 auto}@media(min-width:768px){body{padding:1.5rem}.header[data-astro-cid-j7pv25f6]{margin-bottom:2.5rem}.logo[data-astro-cid-j7pv25f6]{font-size:2.5rem;padding:0}.subtitle[data-astro-cid-j7pv25f6]{font-size:1.1rem;padding:0}.divider[data-astro-cid-j7pv25f6]{margin:3.5rem auto;max-width:1200px}}@media(min-width:1024px){body{padding:2rem}.header[data-astro-cid-j7pv25f6]{margin-bottom:3rem}.logo[data-astro-cid-j7pv25f6]{font-size:3rem}.subtitle[data-astro-cid-j7pv25f6]{font-size:1.2rem}.divider[data-astro-cid-j7pv25f6]{margin:4rem auto}}