.kana-chart.svelte-1yxdd93{margin-top:20px;border:1px solid var(--border-color);padding:15px;border-radius:8px;background-color:var(--card-background)}.grid.svelte-1yxdd93{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;margin-top:15px}.kana-item.svelte-1yxdd93{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 5px;border:1px solid var(--border-color);border-radius:5px;background-color:var(--card-background);box-shadow:0 2px 4px #0000000d;cursor:pointer}.kana-item.svelte-1yxdd93:hover{background-color:var(--hover-background)}.kana-char.svelte-1yxdd93{font-size:1.8em;font-weight:700;color:var(--text-color)}.romaji.svelte-1yxdd93{font-size:.8em;color:#666}.kana-item.mastered.svelte-1yxdd93{background-color:#d4edda;border-color:#28a745}.kanji-chart.svelte-p8bisk{margin-top:20px}.kanji-grid.svelte-p8bisk{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:10px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--background-color-secondary)}.kanji-item.svelte-p8bisk{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:1px solid var(--border-color);border-radius:5px;cursor:pointer;transition:background-color .2s ease;background-color:var(--background-color-primary)}.kanji-item.svelte-p8bisk:hover{background-color:var(--hover-color)}.kanji-character.svelte-p8bisk{font-size:2em;font-weight:700;color:var(--text-color-primary)}.kanji-readings.svelte-p8bisk,.kanji-meaning.svelte-p8bisk{font-size:.8em;color:var(--text-color-secondary);text-align:center}.vocabulary-list.svelte-1uxgtae{margin-top:20px;border:1px solid var(--border-color);padding:15px;border-radius:8px;background-color:var(--card-background)}.grid.svelte-1uxgtae{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:15px}.vocab-item.svelte-1uxgtae{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 5px;border:1px solid var(--border-color);border-radius:5px;background-color:var(--card-background);box-shadow:0 2px 4px #0000000d}.kana-char.svelte-1uxgtae{font-size:1.2em;font-weight:700;color:var(--text-color)}.romaji.svelte-1uxgtae{font-size:.8em;color:#666}.translation.svelte-1uxgtae{font-size:.9em;color:#007bff;margin-top:5px}.vocabulary-filter.svelte-1grftv8{margin-bottom:20px;text-align:center}label.svelte-1grftv8{margin-right:10px;font-size:1.1em;color:var(--text-color)}select.svelte-1grftv8{padding:8px 12px;border-radius:5px;border:1px solid var(--border-color);background-color:var(--input-background);color:var(--text-color);font-size:1em;cursor:pointer}select.svelte-1grftv8:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}.flashcard.svelte-19a0nql.svelte-19a0nql{width:180px;height:180px;perspective:1000px;cursor:pointer;margin:20px auto}.flashcard-inner.svelte-19a0nql.svelte-19a0nql{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px #0003;border-radius:10px}.flashcard.flipped.svelte-19a0nql .flashcard-inner.svelte-19a0nql{transform:rotateY(180deg)}.flashcard-front.svelte-19a0nql.svelte-19a0nql,.flashcard-back.svelte-19a0nql.svelte-19a0nql{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:#fff;padding:10px;box-sizing:border-box}.flashcard-front.svelte-19a0nql.svelte-19a0nql{background-color:var(--card-background);color:var(--text-color);font-size:3em;word-break:break-word}.flashcard-back.svelte-19a0nql.svelte-19a0nql{background-color:#e0ffff;color:#333;transform:rotateY(180deg);font-size:2em;word-break:break-word}.kana-char.svelte-19a0nql.svelte-19a0nql{font-size:1.8em;font-weight:700}.romaji.svelte-19a0nql.svelte-19a0nql{font-size:1.2em}@media (max-width: 600px){.flashcard.svelte-19a0nql.svelte-19a0nql{width:150px;height:150px}.flashcard-front.svelte-19a0nql.svelte-19a0nql{font-size:2.5em}.flashcard-back.svelte-19a0nql.svelte-19a0nql{font-size:1.8em}}.kana-quiz.svelte-17m1ot2.svelte-17m1ot2{margin-top:20px;border:1px solid var(--border-color);padding:15px;border-radius:8px;background-color:var(--card-background);text-align:center}.quiz-type-selection.svelte-17m1ot2.svelte-17m1ot2{margin-bottom:20px}.quiz-type-selection.svelte-17m1ot2 label.svelte-17m1ot2{margin:0 10px;font-size:1.1em;cursor:pointer}.quiz-type-selection.svelte-17m1ot2 input[type=radio].svelte-17m1ot2{margin-right:5px}.quiz-controls.svelte-17m1ot2 button.svelte-17m1ot2{padding:10px 20px;margin:10px;font-size:1em;cursor:pointer;border:none;border-radius:5px;transition:background-color .3s ease}.quiz-controls.svelte-17m1ot2 button.svelte-17m1ot2:first-child{background-color:var(--primary-color);color:#fff}.quiz-controls.svelte-17m1ot2 button.svelte-17m1ot2:first-child:hover{background-color:#218838}.quiz-controls.svelte-17m1ot2 button.svelte-17m1ot2:last-child{background-color:#dc3545;color:#fff}.quiz-controls.svelte-17m1ot2 button.svelte-17m1ot2:last-child:hover{background-color:#c82333}.notes-container.svelte-q3n1sd.svelte-q3n1sd{margin-top:20px;padding:15px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--card-background)}.notes-list-header.svelte-q3n1sd.svelte-q3n1sd{display:flex;justify-content:space-between;margin-bottom:20px}.search-container.svelte-q3n1sd.svelte-q3n1sd{position:relative;flex:1;margin-right:10px}.search-filter-container.svelte-q3n1sd.svelte-q3n1sd{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tag-filter-container.svelte-q3n1sd.svelte-q3n1sd{position:relative;min-width:150px}.tag-filter.svelte-q3n1sd.svelte-q3n1sd{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:5px;background-color:var(--background-color-secondary);color:var(--text-color);font-size:1em}.clear-tag-button.svelte-q3n1sd.svelte-q3n1sd{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:var(--text-color-secondary);cursor:pointer;padding:4px 8px;border-radius:3px;line-height:1;pointer-events:auto}.clear-tag-button.svelte-q3n1sd.svelte-q3n1sd:hover{background-color:var(--border-color);color:var(--text-color)}@media (max-width: 600px){.search-filter-container.svelte-q3n1sd.svelte-q3n1sd{flex-direction:column}.search-container.svelte-q3n1sd.svelte-q3n1sd{margin-right:0}}.search-input.svelte-q3n1sd.svelte-q3n1sd{width:100%;padding:12px 40px 12px 12px;border:1px solid var(--border-color);border-radius:5px;background-color:var(--background-color-secondary);color:var(--text-color);font-size:1em;box-sizing:border-box}.search-input.svelte-q3n1sd.svelte-q3n1sd:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1)}.clear-search-button.svelte-q3n1sd.svelte-q3n1sd{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:var(--text-color-secondary);cursor:pointer;padding:4px 8px;border-radius:3px;line-height:1}.clear-search-button.svelte-q3n1sd.svelte-q3n1sd:hover{background-color:var(--border-color);color:var(--text-color)}.note-editor.svelte-q3n1sd.svelte-q3n1sd{display:flex;flex-direction:column;gap:10px}.note-editor.svelte-q3n1sd input[type=text].svelte-q3n1sd,.note-editor.svelte-q3n1sd textarea.svelte-q3n1sd{padding:10px;border:1px solid var(--border-color);border-radius:5px;background-color:var(--background-color-secondary);color:var(--text-color);font-size:1em}.tags-input.svelte-q3n1sd.svelte-q3n1sd{font-size:.9em;color:var(--text-color-secondary)}.tags-input.svelte-q3n1sd.svelte-q3n1sd::placeholder{color:var(--text-color-tertiary);font-style:italic}.note-editor.svelte-q3n1sd textarea.svelte-q3n1sd{min-height:150px;resize:vertical}.editor-actions.svelte-q3n1sd.svelte-q3n1sd{display:flex;justify-content:flex-end;gap:10px}.notes-list.svelte-q3n1sd.svelte-q3n1sd{list-style:none;padding:0}.note-item.svelte-q3n1sd.svelte-q3n1sd{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--card-border);border-radius:8px;padding:15px;margin-bottom:10px;background-color:var(--background-color-primary)}.note-info.svelte-q3n1sd.svelte-q3n1sd{flex-grow:1;text-align:left}.note-info.svelte-q3n1sd h4.svelte-q3n1sd{margin:0 0 5px;color:var(--text-color-primary)}.note-date.svelte-q3n1sd.svelte-q3n1sd{font-size:.8em;color:var(--text-color-secondary);margin-bottom:10px}.note-tags.svelte-q3n1sd.svelte-q3n1sd{margin-bottom:10px;display:flex;flex-wrap:wrap;gap:5px}.tag-badge.svelte-q3n1sd.svelte-q3n1sd{background-color:var(--accent-color);color:#fff;padding:2px 8px;border-radius:12px;font-size:.75em;cursor:pointer;transition:opacity .2s ease;border:none;font-family:inherit}.tag-badge.svelte-q3n1sd.svelte-q3n1sd:hover{opacity:.8}.tag-badge.svelte-q3n1sd.svelte-q3n1sd:focus{outline:2px solid var(--accent-color);outline-offset:2px}.note-snippet.svelte-q3n1sd.svelte-q3n1sd{font-size:.9em;color:var(--text-color-secondary)}.note-actions.svelte-q3n1sd button.svelte-q3n1sd{margin-left:10px;padding:8px 12px;font-size:.9em}.delete-button.svelte-q3n1sd.svelte-q3n1sd{background-color:#f44336}.delete-button.svelte-q3n1sd.svelte-q3n1sd:hover{background-color:#d32f2f}.cancel-button.svelte-q3n1sd.svelte-q3n1sd{background-color:#6c757d}.cancel-button.svelte-q3n1sd.svelte-q3n1sd:hover{background-color:#5a6268}.no-notes-message.svelte-q3n1sd.svelte-q3n1sd{text-align:center;color:var(--text-color-secondary);margin-top:30px}.no-results-message.svelte-q3n1sd.svelte-q3n1sd{text-align:center;color:var(--text-color-secondary);margin-top:30px;font-style:italic}.progress-container.svelte-16oqjhn.svelte-16oqjhn{padding:20px;text-align:center}.progress-section.svelte-16oqjhn.svelte-16oqjhn{margin-top:20px;border:1px solid var(--border-color);padding:15px;border-radius:8px;background-color:var(--card-background);text-align:left}.progress-section.svelte-16oqjhn h3.svelte-16oqjhn{color:var(--text-color-primary);margin-top:0;margin-bottom:15px;text-align:center}.mastery-overview.svelte-16oqjhn.svelte-16oqjhn{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.chart-container.svelte-16oqjhn.svelte-16oqjhn{height:300px;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.mastery-overview.svelte-16oqjhn.svelte-16oqjhn{grid-template-columns:1fr;gap:20px}.chart-container.svelte-16oqjhn.svelte-16oqjhn{height:250px}}.progress-bars.svelte-16oqjhn.svelte-16oqjhn{display:flex;flex-direction:column;gap:15px}.progress-item.svelte-16oqjhn.svelte-16oqjhn{margin-bottom:10px}.progress-item.svelte-16oqjhn p.svelte-16oqjhn{margin-bottom:5px;color:var(--text-color-secondary)}.progress-bar-container.svelte-16oqjhn.svelte-16oqjhn{width:100%;background-color:var(--background-color-secondary);border-radius:5px;overflow:hidden;height:15px}.progress-bar.svelte-16oqjhn.svelte-16oqjhn{height:100%;background-color:var(--primary-color);border-radius:5px;transition:width .5s ease-in-out}label.svelte-m3ax6x{margin-right:.5em;font-weight:700}select.svelte-m3ax6x{padding:.5em;border-radius:5px;border:1px solid var(--border-color);background-color:var(--card-background);color:var(--text-color)}label.svelte-1pqq92x{margin-right:.5em;font-weight:700}select.svelte-1pqq92x{padding:.5em;border-radius:5px;border:1px solid var(--border-color);font-size:1em;background-color:var(--card-background);color:var(--text-color)}.settings-page.svelte-10b11qo{margin-top:20px;border:1px solid var(--border-color);padding:15px;border-radius:8px;background-color:var(--card-background);text-align:center}.setting-section.svelte-10b11qo{margin-bottom:20px;padding:15px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--background-color)}h2.svelte-10b11qo,h3.svelte-10b11qo{color:var(--text-color)}.interests-grid.svelte-10b11qo{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px}.interest-item.svelte-10b11qo{display:flex;align-items:center;gap:8px;justify-content:center}nav.svelte-dil3u7.svelte-dil3u7{position:relative;margin-bottom:20px}.menu-toggle.svelte-dil3u7.svelte-dil3u7{display:none;background-color:var(--primary-color);color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1.2em;margin-bottom:10px}.nav-menu.svelte-dil3u7.svelte-dil3u7{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.nav-menu.svelte-dil3u7 button.svelte-dil3u7{background-color:var(--primary-color);color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease;white-space:nowrap}.nav-menu.svelte-dil3u7 button.svelte-dil3u7:hover,.nav-menu.svelte-dil3u7 button.svelte-dil3u7:focus{background-color:#0056b3;outline:2px solid var(--accent-color);outline-offset:2px}.nav-menu.svelte-dil3u7 button.active.svelte-dil3u7{background-color:#0056b3;border-bottom:3px solid #00c0ff}@media (max-width: 768px){.menu-toggle.svelte-dil3u7.svelte-dil3u7{display:block}.nav-menu.svelte-dil3u7.svelte-dil3u7{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:5px;box-shadow:0 4px 8px #0000001a;z-index:1000;padding:10px}.nav-menu.open.svelte-dil3u7.svelte-dil3u7{display:flex}.nav-menu.svelte-dil3u7 button.svelte-dil3u7{width:100%;margin-bottom:5px;text-align:left}}@media (max-width: 1024px) and (min-width: 769px){.nav-menu.svelte-dil3u7.svelte-dil3u7{gap:8px}.nav-menu.svelte-dil3u7 button.svelte-dil3u7{padding:8px 12px;font-size:.9em}}.bottom-sheet-overlay.svelte-cm442n.svelte-cm442n{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.bottom-sheet-overlay.show.svelte-cm442n.svelte-cm442n{opacity:1;visibility:visible}.bottom-sheet.svelte-cm442n.svelte-cm442n{position:fixed;bottom:0;left:0;width:100%;max-height:90%;background-color:var(--background-color);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -2px 10px #0000001a;transform:translateY(100%);transition:transform .3s ease,visibility .3s ease;z-index:1000;display:flex;flex-direction:column;visibility:hidden}.bottom-sheet.show.svelte-cm442n.svelte-cm442n{transform:translateY(0);visibility:visible}.bottom-sheet-header.svelte-cm442n.svelte-cm442n{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.bottom-sheet-header.svelte-cm442n h3.svelte-cm442n{margin:0;font-size:1.2em}.bottom-sheet-header.svelte-cm442n button.svelte-cm442n{background:none;border:none;font-size:1.5em;cursor:pointer;color:var(--text-color)}.bottom-sheet-content.svelte-cm442n.svelte-cm442n{flex-grow:1;padding:16px;overflow-y:auto}@media (min-width: 768px){.bottom-sheet.svelte-cm442n.svelte-cm442n{position:fixed;top:0;right:0;width:350px;height:100%;max-height:100%;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease}.bottom-sheet.show.svelte-cm442n.svelte-cm442n{transform:translate(0)}.bottom-sheet-overlay.svelte-cm442n.svelte-cm442n{display:none}}.lazy-image-container.svelte-c6a8vn{position:relative;overflow:hidden}.lazy-image.svelte-c6a8vn{width:100%;height:auto;transition:opacity .3s ease;opacity:0}.lazy-image.loaded.svelte-c6a8vn{opacity:1}.lazy-image.error.svelte-c6a8vn{opacity:.5;filter:grayscale(100%)}.lazy-image.placeholder.svelte-c6a8vn{opacity:.7}.lazy-image.svelte-c6a8vn{max-width:100%;height:auto}.grammar-topic-detail.svelte-apytev.svelte-apytev{padding:20px;background-color:var(--card-background);border-radius:8px;margin-top:20px;text-align:left}.grammar-topic-detail.svelte-apytev h2.svelte-apytev{color:var(--text-color-primary);margin-bottom:15px}.grammar-content.svelte-apytev.svelte-apytev{color:var(--text-color-secondary);line-height:1.6}.grammar-content.svelte-apytev h1,.grammar-content.svelte-apytev h2,.grammar-content.svelte-apytev h3{color:var(--text-color-primary);margin-top:20px;margin-bottom:10px}.grammar-content.svelte-apytev p{margin-bottom:10px}.grammar-content.svelte-apytev ul{list-style-type:disc;margin-left:20px;margin-bottom:10px}.grammar-content.svelte-apytev li{margin-bottom:5px}ul.svelte-apytev.svelte-apytev{list-style-type:none;padding:0}li.svelte-apytev.svelte-apytev{margin-bottom:8px;color:var(--text-color-secondary)}.quiz-container.svelte-apytev.svelte-apytev{margin-top:20px;padding:20px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--background-color-secondary)}.question.svelte-apytev.svelte-apytev{font-size:1.1em;margin-bottom:15px;color:var(--text-color-primary)}.options.svelte-apytev button.svelte-apytev{display:block;width:100%;padding:10px;margin-bottom:10px;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.options.svelte-apytev button.svelte-apytev:hover:not(:disabled){background-color:#0056b3}.options.svelte-apytev button.selected.svelte-apytev{border:2px solid var(--secondary-color)}.options.svelte-apytev button.correct.svelte-apytev{background-color:#4caf50}.options.svelte-apytev button.incorrect.svelte-apytev{background-color:#f44336}.feedback.svelte-apytev.svelte-apytev{margin-top:15px;font-weight:700}.feedback.correct.svelte-apytev.svelte-apytev{color:#4caf50}.feedback.incorrect.svelte-apytev.svelte-apytev{color:#f44336}.quiz-completed.svelte-apytev.svelte-apytev{margin-top:20px;padding:20px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--background-color-secondary);text-align:center}.learn-container.svelte-170yrqk.svelte-170yrqk{padding:20px;text-align:center}.grammar-categories-grid.svelte-170yrqk.svelte-170yrqk{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.grammar-category-card.svelte-170yrqk.svelte-170yrqk{border:1px solid var(--border-color);padding:20px;border-radius:8px;background-color:var(--card-background);text-align:left;display:flex;flex-direction:column;justify-content:space-between}.grammar-category-card.svelte-170yrqk h3.svelte-170yrqk{color:var(--text-color-primary);margin-top:0}.grammar-category-card.svelte-170yrqk p.svelte-170yrqk{color:var(--text-color-secondary);flex-grow:1}.grammar-category-card.svelte-170yrqk button.svelte-170yrqk{margin-top:15px}.category-topics.svelte-170yrqk.svelte-170yrqk{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.category-topics.svelte-170yrqk button.svelte-170yrqk{background-color:var(--primary-color);color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .3s ease}.category-topics.svelte-170yrqk button.svelte-170yrqk:hover{background-color:#0056b3}.tooltip-container.svelte-15n1f6z.svelte-15n1f6z{position:relative;display:inline-block;cursor:help;border-bottom:1px dotted var(--text-color-secondary)}.tooltip-container.svelte-15n1f6z.svelte-15n1f6z:focus{outline:2px solid var(--primary-color);outline-offset:2px}.tooltip-content.svelte-15n1f6z.svelte-15n1f6z{visibility:hidden;width:200px;background-color:var(--background-color-secondary);color:var(--text-color-primary);text-align:center;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;box-shadow:0 2px 8px #00000026;font-size:.9em}.tooltip-container.svelte-15n1f6z:hover .tooltip-content.svelte-15n1f6z{visibility:visible;opacity:1}.tooltip-content.svelte-15n1f6z.svelte-15n1f6z:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--background-color-secondary) transparent transparent transparent}.tooltip-content.svelte-15n1f6z p.svelte-15n1f6z{margin-bottom:5px}.tooltip-content.svelte-15n1f6z a.svelte-15n1f6z{color:var(--primary-color);text-decoration:none;font-weight:700}.tooltip-content.svelte-15n1f6z a.svelte-15n1f6z:hover{text-decoration:underline}.cultural-article-detail.svelte-k6fg9d.svelte-k6fg9d{padding:20px;background-color:var(--card-background);border-radius:8px;margin-top:20px;text-align:left}.article-image.svelte-k6fg9d.svelte-k6fg9d{max-width:100%;height:auto;border-radius:8px;margin-bottom:20px}.cultural-article-detail.svelte-k6fg9d h2.svelte-k6fg9d{color:var(--text-color-primary);margin-bottom:15px}.article-content.svelte-k6fg9d.svelte-k6fg9d{color:var(--text-color-secondary);line-height:1.6}.article-content.svelte-k6fg9d h1,.article-content.svelte-k6fg9d h2,.article-content.svelte-k6fg9d h3{color:var(--text-color-primary);margin-top:20px;margin-bottom:10px}.article-content.svelte-k6fg9d p{margin-bottom:10px}.article-content.svelte-k6fg9d ul{list-style-type:disc;margin-left:20px;margin-bottom:10px}.article-content.svelte-k6fg9d li{margin-bottom:5px}.article-keywords.svelte-k6fg9d.svelte-k6fg9d{margin-top:20px;font-size:.9em;color:var(--text-color-secondary)}.article-keywords.svelte-k6fg9d span.svelte-k6fg9d{display:inline-block;background-color:var(--primary-color);color:#fff;padding:3px 8px;border-radius:4px;margin-right:5px;margin-bottom:5px}.article-content.svelte-k6fg9d ruby{ruby-align:center}.article-content.svelte-k6fg9d rt{font-size:.6em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.guide-list-container.svelte-1aexzpo.svelte-1aexzpo{margin-top:20px}.guide-list.svelte-1aexzpo.svelte-1aexzpo{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.guide-item.svelte-1aexzpo.svelte-1aexzpo{border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.guide-button.svelte-1aexzpo.svelte-1aexzpo{width:100%;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-align:left;color:inherit;font:inherit}.guide-button.svelte-1aexzpo.svelte-1aexzpo:hover,.guide-button.svelte-1aexzpo.svelte-1aexzpo:focus{transform:translateY(-5px);box-shadow:0 4px 8px #0000001a;outline:2px solid var(--primary-color);outline-offset:2px}.guide-button.svelte-1aexzpo h4.svelte-1aexzpo{margin-top:0;color:var(--text-color-primary)}.guide-button.svelte-1aexzpo p.svelte-1aexzpo{font-size:.9em;color:var(--text-color-secondary)}.guide-detail-container.svelte-47b0c2.svelte-47b0c2{max-width:800px;margin:0 auto;padding:20px;line-height:1.6}.guide-description.svelte-47b0c2.svelte-47b0c2{font-size:1.1em;color:var(--text-color-secondary);margin-bottom:30px}.guide-content.svelte-47b0c2 h3.svelte-47b0c2{color:var(--text-color-primary);border-bottom:2px solid var(--primary-color);padding-bottom:5px;margin-top:30px;margin-bottom:20px}.step.svelte-47b0c2.svelte-47b0c2{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:8px;padding:20px;margin-bottom:20px}.step.svelte-47b0c2 h4.svelte-47b0c2{color:var(--primary-color);margin-top:0;margin-bottom:10px}.step-description.svelte-47b0c2.svelte-47b0c2{color:var(--text-color-secondary);margin-bottom:15px}.step-details.svelte-47b0c2.svelte-47b0c2{margin:0;padding-left:20px}.step-details.svelte-47b0c2 li.svelte-47b0c2{margin-bottom:8px;color:var(--text-color)}.troubleshooting-section.svelte-47b0c2.svelte-47b0c2{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color)}.troubleshooting-item.svelte-47b0c2.svelte-47b0c2{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:15px;margin-bottom:15px}.troubleshooting-item.svelte-47b0c2 h4.svelte-47b0c2{color:#856404;margin-top:0;margin-bottom:10px}.solution.svelte-47b0c2.svelte-47b0c2{margin:0;color:#856404}body.theme-dark .troubleshooting-item.svelte-47b0c2.svelte-47b0c2{background-color:#4a4a2a;border-color:#6b6b3a}body.theme-dark .troubleshooting-item.svelte-47b0c2 h4.svelte-47b0c2,body.theme-dark .solution.svelte-47b0c2.svelte-47b0c2{color:#f4d03f}@media (max-width: 600px){.guide-detail-container.svelte-47b0c2.svelte-47b0c2,.step.svelte-47b0c2.svelte-47b0c2{padding:15px}}.explore-container.svelte-10w0v4p.svelte-10w0v4p{padding:20px;text-align:center}.fact-of-the-day.svelte-10w0v4p.svelte-10w0v4p{background-color:var(--card-background);border:1px solid var(--border-color);padding:15px;border-radius:8px;margin-bottom:20px}.cultural-articles-grid.svelte-10w0v4p.svelte-10w0v4p{display:grid;gap:20px;margin-top:30px}.article-category-section.svelte-10w0v4p.svelte-10w0v4p{background-color:var(--card-background);border:1px solid var(--border-color);padding:20px;border-radius:8px;text-align:left}.articles-list.svelte-10w0v4p.svelte-10w0v4p{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.article-card.svelte-10w0v4p.svelte-10w0v4p{border:1px solid var(--card-border);padding:15px;border-radius:8px;background-color:var(--background-color-secondary);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-align:left;width:100%;font:inherit;color:inherit}.article-card.svelte-10w0v4p.svelte-10w0v4p:hover,.article-card.svelte-10w0v4p.svelte-10w0v4p:focus{transform:translateY(-5px);box-shadow:0 4px 8px #0000001a;outline:2px solid var(--primary-color);outline-offset:2px}.article-card.svelte-10w0v4p h4.svelte-10w0v4p{margin-top:0;color:var(--text-color-primary)}.article-card.svelte-10w0v4p p.svelte-10w0v4p{font-size:.9em;color:var(--text-color-secondary)}.input-methods.svelte-10w0v4p.svelte-10w0v4p{margin-top:30px;border:1px solid var(--border-color);padding:20px;border-radius:8px;background-color:var(--card-background)}:root{--background-color: #ffffff;--background-color-primary: #ffffff;--background-color-secondary: #f9f9f9;--text-color: #333333;--text-color-primary: #333333;--text-color-secondary: #666666;--primary-color: #4CAF50;--secondary-color: #2196F3;--border-color: #cccccc;--card-background: #f9f9f9;--card-border: #e0e0e0;--hover-color: #f0f0f0}body.theme-dark{--background-color: #333333;--background-color-primary: #333333;--background-color-secondary: #444444;--text-color: #f0f0f0;--text-color-primary: #f0f0f0;--text-color-secondary: #cccccc;--primary-color: #66BB6A;--secondary-color: #64B5F6;--border-color: #555555;--card-background: #444444;--card-border: #666666;--hover-color: #555555}body.theme-ocean-blue{--background-color: #e0f2f7;--background-color-primary: #e0f2f7;--background-color-secondary: #f0faff;--text-color: #003366;--text-color-primary: #003366;--text-color-secondary: #0055aa;--primary-color: #007bff;--secondary-color: #66b3ff;--border-color: #a7d9ed;--card-background: #f0faff;--card-border: #cce7f0;--hover-color: #d0eaf2}body.theme-forest-green{--background-color: #e6ffe6;--background-color-primary: #e6ffe6;--background-color-secondary: #f0fff0;--text-color: #1a4d1a;--text-color-primary: #1a4d1a;--text-color-secondary: #336633;--primary-color: #28a745;--secondary-color: #66cc66;--border-color: #a7edb3;--card-background: #f0fff0;--card-border: #cce7cc;--hover-color: #d6f5d6}body.theme-high-contrast{--background-color: #000000;--background-color-primary: #000000;--background-color-secondary: #333333;--text-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #cccccc;--primary-color: #ffff00;--secondary-color: #00ffff;--border-color: #ffffff;--card-background: #333333;--card-border: #cccccc;--hover-color: #666666}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2{color:var(--text-color)}button{background-color:var(--primary-color);color:#fff;border:none;padding:.8em 1.2em;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{opacity:.9}select{background-color:var(--card-background);color:var(--text-color);border:1px solid var(--border-color)}.card{background-color:var(--card-background);border:1px solid var(--card-border);box-shadow:0 2px 4px #0000001a}.mastered{background-color:#e6ffe6!important;border:1px solid #4CAF50!important}.stroke-order-image{max-width:300px;max-height:300px;margin:10px 0;border-radius:8px;box-shadow:0 2px 8px #0000001a}@media (max-width: 600px){.stroke-order-image{max-width:100%;max-height:250px}}