.page.svelte-xu9hve{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#0a0a12,#1a1a2e,#0a0a12);padding:60px 20px 20px}.hero.svelte-xu9hve{text-align:center;padding:0 0 48px;max-width:640px;margin:0 auto}.hero-badge.svelte-xu9hve{display:inline-block;padding:6px 16px;background:#ff006e26;border:1px solid rgba(255,0,110,.3);border-radius:20px;color:#ff006e;font-size:14px;font-weight:600;margin-bottom:20px;letter-spacing:.05em}.hero-title.svelte-xu9hve{font-size:clamp(32px,8vw,48px);font-weight:800;color:#fff;margin:0 0 20px;line-height:1.1;letter-spacing:-.02em}.hero-subtitle.svelte-xu9hve{font-size:clamp(15px,4vw,17px);color:#999;margin:0 0 24px;line-height:1.7}.note.svelte-xu9hve{display:inline-flex;align-items:flex-start;gap:10px;background:#00d9ff14;border:1px solid rgba(0,217,255,.2);border-radius:8px;padding:12px 16px;text-align:left;max-width:480px}.note-icon.svelte-xu9hve{font-size:16px;flex-shrink:0}.note-text.svelte-xu9hve{font-size:14px;color:#a0a0b0;line-height:1.5}.note-text.svelte-xu9hve a:where(.svelte-xu9hve){color:#00d9ff;text-decoration:none}.note-text.svelte-xu9hve a:where(.svelte-xu9hve):hover{text-decoration:underline}.content.svelte-xu9hve{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.section.svelte-xu9hve{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.section[open].svelte-xu9hve{border-color:#ff006e33}.section-header.svelte-xu9hve{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:background .15s ease}.section-header.svelte-xu9hve::-webkit-details-marker{display:none}.section-header.svelte-xu9hve:hover{background:#ffffff08}.section-number.svelte-xu9hve{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ff006e26;border:1px solid rgba(255,0,110,.3);border-radius:6px;font-size:12px;font-weight:700;color:#ff006e;flex-shrink:0}.section-title.svelte-xu9hve{font-size:18px;font-weight:600;color:#f8f8f2;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:8px;height:8px;border-right:2px solid #666;border-bottom:2px solid #666;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 20px 20px}.section-intro.svelte-xu9hve{color:#a0a0b0;line-height:1.6;margin:0 0 16px;font-size:15px}.section-note.svelte-xu9hve{color:#a0a0b0;font-size:14px;line-height:1.6;margin-top:16px;padding:12px 16px;background:#ffffff08;border-radius:8px}.breakdown-example.svelte-xu9hve{margin-top:24px;padding:20px;background:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:12px}.breakdown-title.svelte-xu9hve{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.breakdown-boxes.svelte-xu9hve{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.breakdown-box.svelte-xu9hve{background:#0000004d;border:1px solid rgba(168,85,247,.3);border-radius:8px;padding:12px;text-align:center}.box-label.svelte-xu9hve{font-size:13px;color:#a855f7;font-weight:600;margin-bottom:2px;font-family:monospace}.box-math.svelte-xu9hve{font-size:11px;color:#888;font-family:monospace;margin-bottom:8px}.box-kanji.svelte-xu9hve{font-family:Noto Sans JP,sans-serif;font-size:20px;color:#fff;margin-bottom:4px}.box-reading.svelte-xu9hve{font-size:12px;color:#a0a0b0;font-style:italic}.breakdown-final.svelte-xu9hve{padding-top:16px;border-top:1px solid rgba(168,85,247,.2);display:flex;flex-wrap:wrap;align-items:center;gap:12px}.final-label.svelte-xu9hve{font-size:14px;color:#a855f7;font-weight:600;font-family:monospace}.final-kanji.svelte-xu9hve{font-family:Noto Sans JP,sans-serif;font-size:18px;color:#fff}.final-reading.svelte-xu9hve{font-size:13px;color:#a0a0b0;font-style:italic;flex-basis:100%}.final-audio.svelte-xu9hve{width:32px;height:32px;border-radius:50%;background:#a855f733;border:1px solid rgba(168,85,247,.3);color:#a855f7;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:auto}.final-audio.svelte-xu9hve:hover:not(:disabled){background:#a855f74d;transform:scale(1.1)}.final-audio.svelte-xu9hve:disabled{cursor:default}.final-audio.svelte-xu9hve svg:where(.svelte-xu9hve){width:14px;height:14px}.final-audio.svelte-xu9hve .waveform:where(.svelte-xu9hve){display:flex;align-items:center;justify-content:center;gap:2px;height:14px}.final-audio.svelte-xu9hve .waveform:where(.svelte-xu9hve) .bar:where(.svelte-xu9hve){width:3px;background:currentColor;border-radius:2px;animation:svelte-xu9hve-wave .8s ease-in-out infinite}.final-audio.svelte-xu9hve .waveform:where(.svelte-xu9hve) .bar:where(.svelte-xu9hve):nth-child(1){animation-delay:0s}.final-audio.svelte-xu9hve .waveform:where(.svelte-xu9hve) .bar:where(.svelte-xu9hve):nth-child(2){animation-delay:.15s}.final-audio.svelte-xu9hve .waveform:where(.svelte-xu9hve) .bar:where(.svelte-xu9hve):nth-child(3){animation-delay:.3s}@keyframes svelte-xu9hve-wave{0%,to{height:4px}50%{height:12px}}.highlight.svelte-xu9hve{color:#ff006e;font-weight:600;font-family:Noto Sans JP,sans-serif}.pattern-box.svelte-xu9hve{display:flex;align-items:center;gap:12px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:8px;padding:14px 16px;margin-bottom:16px}.pattern-label.svelte-xu9hve{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#a855f7;background:#a855f733;padding:4px 8px;border-radius:4px}.pattern-formula.svelte-xu9hve{font-size:15px;color:#f8f8f2;font-family:Noto Sans JP,sans-serif}.warning-box.svelte-xu9hve{display:flex;align-items:flex-start;gap:12px;background:#fdcb6e14;border:1px solid rgba(253,203,110,.25);border-radius:8px;padding:14px 16px;margin-top:32px;margin-bottom:12px}.warning-icon.svelte-xu9hve{font-size:18px;flex-shrink:0}.warning-content.svelte-xu9hve{flex:1}.warning-content.svelte-xu9hve strong:where(.svelte-xu9hve){display:block;color:#fdcb6e;font-size:15px;margin-bottom:8px}.warning-content.svelte-xu9hve p:where(.svelte-xu9hve){color:#a0a0b0;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{color:#888!important;font-size:13px!important}.reading.svelte-xu9hve{color:#00d9ff;font-family:Noto Sans JP,sans-serif;font-weight:500}.examples-grid.svelte-xu9hve{display:flex;flex-direction:column;gap:10px}.examples-grid.irregular.svelte-xu9hve{border-left:3px solid rgba(253,203,110,.5);padding-left:12px}.cta-section.svelte-xu9hve{max-width:500px;margin:64px auto;text-align:center;padding:40px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px}.cta-title.svelte-xu9hve{font-size:28px;font-weight:700;color:#f8f8f2;margin:0 0 12px}.cta-subtitle.svelte-xu9hve{font-size:16px;color:#888;margin:0 0 32px}.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;gap:12px;padding:16px 24px;border-radius:12px;text-decoration:none;font-weight:600;font-size:16px;transition:all .15s ease}.cta-btn.primary.svelte-xu9hve{background:linear-gradient(135deg,#ff006e,#cc0058);color:#fff;box-shadow:0 4px 20px #ff006e4d}.cta-btn.primary.svelte-xu9hve:hover{box-shadow:0 6px 30px #ff006e80;transform:translateY(-2px)}.cta-btn.secondary.svelte-xu9hve{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 4px 20px #a855f74d}.cta-btn.secondary.svelte-xu9hve:hover{box-shadow:0 6px 30px #a855f780;transform:translateY(-2px)}.btn-icon.svelte-xu9hve{font-size:20px}.footer.svelte-xu9hve{display:flex;justify-content:center;align-items:center;gap:12px;padding:24px 0;font-size:12px;color:#555}.dot.svelte-xu9hve{color:#ff006e}.footer-link.svelte-xu9hve{color:#666;text-decoration:none;transition:color .15s ease}.footer-link.svelte-xu9hve:hover{color:#ff006e}@media(max-width:480px){.page.svelte-xu9hve{padding:50px 16px 16px}.hero.svelte-xu9hve{padding-bottom:32px}.hero-title.svelte-xu9hve{font-size:28px}.note.svelte-xu9hve{flex-direction:column;gap:8px}.section-header.svelte-xu9hve{padding:14px 16px}.section-title.svelte-xu9hve{font-size:16px}.section-content.svelte-xu9hve{padding:0 16px 16px}.pattern-box.svelte-xu9hve{flex-direction:column;align-items:flex-start;gap:8px}.cta-section.svelte-xu9hve{margin:48px auto;padding:32px 16px}.cta-title.svelte-xu9hve{font-size:24px}.cta-buttons.svelte-xu9hve{max-width:100%}}