.page.svelte-xu9hve{min-height:100dvh;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-display);padding:50px 20px 0}.hero.svelte-xu9hve{max-width:640px;margin:0 auto;padding:48px 0 40px}.hero-badge.svelte-xu9hve{font-family:var(--font-japanese);font-size:13px;font-weight:600;letter-spacing:2px;color:var(--color-muted);margin-bottom:14px}.hero-title.svelte-xu9hve{font-size:clamp(32px,6vw,44px);font-weight:700;letter-spacing:-1px;line-height:1.05;margin:0 0 16px}.hero-subtitle.svelte-xu9hve{font-size:15px;color:var(--color-muted);margin:0 0 28px;line-height:1.7}.note.svelte-xu9hve{display:flex;align-items:baseline;gap:14px;border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline);padding:12px 0}.note-label.svelte-xu9hve{font-size:var(--meta-size);font-weight:600;letter-spacing:var(--meta-tracking);text-transform:uppercase;color:var(--color-muted);flex-shrink:0}.note-text.svelte-xu9hve{font-size:14px;color:var(--color-ink);line-height:1.6}.note-text.svelte-xu9hve a:where(.svelte-xu9hve){color:var(--color-indigo);text-decoration:underline;text-underline-offset:3px}.content.svelte-xu9hve{max-width:640px;margin:0 auto;display:flex;flex-direction:column}.section.svelte-xu9hve{border-bottom:1px solid var(--color-hairline)}.section-header.svelte-xu9hve{display:flex;align-items:center;gap:14px;padding:18px 0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.section-header.svelte-xu9hve::-webkit-details-marker{display:none}.section-header.svelte-xu9hve:hover .section-title:where(.svelte-xu9hve){text-decoration:underline;text-underline-offset:3px}.section-number.svelte-xu9hve{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-fill);font-size:12px;font-weight:600;color:var(--color-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.section-title.svelte-xu9hve{font-size:16.5px;font-weight:700;letter-spacing:-.2px;color:var(--color-ink);flex:1}.chevron.svelte-xu9hve{width:20px;height:20px;position:relative;flex-shrink:0}.chevron.svelte-xu9hve:before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-right:1.5px solid var(--color-muted);border-bottom:1.5px solid var(--color-muted);transform:translate(-50%,-70%) rotate(45deg);transition:transform .2s ease}.section[open].svelte-xu9hve .chevron:where(.svelte-xu9hve):before{transform:translate(-50%,-30%) rotate(-135deg)}.section-content.svelte-xu9hve{padding:0 0 28px}.section-intro.svelte-xu9hve{color:var(--color-muted);line-height:1.7;margin:0 0 16px;font-size:14.5px}.section-note.svelte-xu9hve{color:var(--color-muted);font-size:14px;line-height:1.7;margin:16px 0 0;padding:12px 16px;background:var(--color-fill)}.breakdown-example.svelte-xu9hve{margin-top:28px;padding:20px;border:1px solid var(--color-hairline)}.breakdown-title.svelte-xu9hve{font-size:15px;font-weight:700;letter-spacing:-.2px;color:var(--color-ink);margin:0 0 16px}.breakdown-boxes.svelte-xu9hve{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:20px}.breakdown-box.svelte-xu9hve{background:var(--color-fill);padding:12px;text-align:center}.box-label.svelte-xu9hve{font-size:12.5px;color:var(--color-indigo);font-weight:600;margin-bottom:2px;font-variant-numeric:tabular-nums}.box-math.svelte-xu9hve{font-size:11px;color:var(--color-muted);font-variant-numeric:tabular-nums;margin-bottom:8px}.box-kanji.svelte-xu9hve{font-family:var(--font-japanese);font-size:20px;color:var(--color-ink);margin-bottom:4px}.box-reading.svelte-xu9hve{font-size:12px;color:var(--color-muted);font-style:italic}.breakdown-final.svelte-xu9hve{padding-top:16px;border-top:1px solid var(--color-hairline);display:flex;flex-wrap:wrap;align-items:center;gap:12px}.final-label.svelte-xu9hve{font-size:14px;color:var(--color-indigo);font-weight:600;font-variant-numeric:tabular-nums}.final-kanji.svelte-xu9hve{font-family:var(--font-japanese);font-size:18px;color:var(--color-ink)}.final-reading.svelte-xu9hve{font-size:13px;color:var(--color-muted);font-style:italic;flex-basis:100%}.final-audio.svelte-xu9hve{display:inline-flex;margin-left:auto}.highlight.svelte-xu9hve{color:var(--color-indigo);font-weight:600;font-family:var(--font-japanese)}.pattern-box.svelte-xu9hve{display:flex;align-items:center;gap:14px;background:var(--color-fill);padding:12px 16px;margin-bottom:16px}.pattern-label.svelte-xu9hve{font-size:var(--meta-size);font-weight:600;text-transform:uppercase;letter-spacing:var(--meta-tracking);color:var(--color-muted);flex-shrink:0}.pattern-formula.svelte-xu9hve{font-size:14.5px;color:var(--color-ink)}.pattern-formula.svelte-xu9hve .jp:where(.svelte-xu9hve){font-family:var(--font-japanese)}.warning-box.svelte-xu9hve{border:1px solid var(--color-hairline);padding:14px 16px;margin-top:28px;margin-bottom:12px}.warning-content.svelte-xu9hve strong:where(.svelte-xu9hve){display:block;color:var(--color-ink);font-size:14.5px;font-weight:700;margin-bottom:8px}.warning-content.svelte-xu9hve p:where(.svelte-xu9hve){color:var(--color-muted);font-size:14px;line-height:1.7;margin:0}.warning-content.svelte-xu9hve p:where(.svelte-xu9hve)+p:where(.svelte-xu9hve){margin-top:8px}.warning-note.svelte-xu9hve{font-size:13px}.reading.svelte-xu9hve{color:var(--color-ink);font-weight:600}.reading.svelte-xu9hve .jp:where(.svelte-xu9hve){font-family:var(--font-japanese)}.examples-grid.svelte-xu9hve{display:flex;flex-direction:column;gap:8px}.examples-grid.irregular.svelte-xu9hve{border-left:2px solid var(--color-indigo);padding-left:14px}.related-section.svelte-xu9hve{max-width:640px;margin:56px auto 0}.related-title.svelte-xu9hve{font-size:var(--meta-size);font-weight:600;text-transform:uppercase;letter-spacing:var(--meta-tracking);color:var(--color-muted);margin:0 0 4px}.related-links.svelte-xu9hve{display:flex;flex-direction:column}.related-link.svelte-xu9hve{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--color-hairline);text-decoration:none;color:var(--color-ink)}.related-link.svelte-xu9hve:last-child{border-bottom:none}.related-text.svelte-xu9hve{flex:1;display:flex;flex-direction:column;gap:2px}.related-name.svelte-xu9hve{font-size:14.5px;font-weight:700}.related-link.svelte-xu9hve:hover .related-name:where(.svelte-xu9hve){text-decoration:underline;text-underline-offset:3px}.related-desc.svelte-xu9hve{font-size:13px;color:var(--color-muted)}.related-arrow.svelte-xu9hve{font-size:15px;color:var(--color-ink);flex-shrink:0}.cta-section.svelte-xu9hve{max-width:640px;margin:56px auto 64px;text-align:center;padding:40px 20px 0;border-top:1px solid var(--color-hairline)}.cta-title.svelte-xu9hve{font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--color-ink);margin:0 0 10px}.cta-subtitle.svelte-xu9hve{font-size:14.5px;color:var(--color-muted);margin:0 0 28px}.cta-buttons.svelte-xu9hve{display:flex;flex-direction:column;gap:12px;max-width:300px;margin:0 auto}.cta-btn.svelte-xu9hve{display:flex;align-items:center;justify-content:center;padding:14px 28px;text-decoration:none;font-weight:600;font-size:14px;transition:background var(--transition-fast),color var(--transition-fast)}.cta-btn.primary.svelte-xu9hve{background:var(--color-indigo);color:#fff}.cta-btn.primary.svelte-xu9hve:hover{background:var(--color-indigo-hover)}.cta-btn.secondary.svelte-xu9hve{border:1px solid var(--color-ink);color:var(--color-ink)}.cta-btn.secondary.svelte-xu9hve:hover{background:var(--color-ink);color:var(--color-surface)}.footer.svelte-xu9hve{display:flex;justify-content:center;align-items:center;gap:12px;padding:28px 0 24px;font-size:12px}.dot.svelte-xu9hve{color:var(--color-kbd)}.footer-link.svelte-xu9hve{color:var(--color-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-link.svelte-xu9hve:hover{color:var(--color-ink)}@media(max-width:480px){.page.svelte-xu9hve{padding:50px 16px 0}.hero.svelte-xu9hve{padding:36px 0 32px}.section-title.svelte-xu9hve{font-size:15.5px}.pattern-box.svelte-xu9hve{flex-direction:column;align-items:flex-start;gap:6px}.cta-section.svelte-xu9hve{margin:40px auto 48px;padding:32px 0 0}.cta-title.svelte-xu9hve{font-size:21px}.cta-buttons.svelte-xu9hve{max-width:100%}}