.page.svelte-1u9z1j8{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#0a0a12,#1a1a2e,#0a0a12);display:flex;flex-direction:column;padding:80px 20px 20px}.page-header.svelte-1u9z1j8{max-width:800px;margin:0 auto;width:100%;padding-bottom:32px}.breadcrumb.svelte-1u9z1j8{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px}.breadcrumb-link.svelte-1u9z1j8{color:#a0a0b0;text-decoration:none;transition:color .15s ease}.breadcrumb-link.svelte-1u9z1j8:hover{color:#ff006e}.breadcrumb-sep.svelte-1u9z1j8{color:#6b6b7b}.breadcrumb-current.svelte-1u9z1j8{color:#f8f8f2;font-weight:500}.page-title.svelte-1u9z1j8{font-size:clamp(28px,6vw,40px);font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.02em}.page-subtitle.svelte-1u9z1j8{font-size:15px;color:#6b6b7b;margin:0;font-family:monospace}.content.svelte-1u9z1j8{flex:1;max-width:800px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:32px}.lesson-intro.svelte-1u9z1j8{display:flex;flex-direction:column;gap:12px}.lesson-description.svelte-1u9z1j8{font-size:14px;color:#a0a0b0;line-height:1.7;margin:0}.lesson-bridge.svelte-1u9z1j8{font-size:13px;color:#6b6b7b;line-height:1.7;margin:0;font-style:italic}.textbook-link.svelte-1u9z1j8{color:#ff006e;text-decoration:none;border-bottom:1px dotted rgba(255,0,110,.4);transition:border-color .15s ease}.textbook-link.svelte-1u9z1j8:hover{border-bottom-color:#ff006ecc}.page-tools.svelte-1u9z1j8{margin:0}.page-tools-summary.svelte-1u9z1j8{font-size:13px;color:#6b6b7b;cursor:pointer;list-style:none;transition:color .15s ease}.page-tools-summary.svelte-1u9z1j8::-webkit-details-marker{display:none}.page-tools-summary.svelte-1u9z1j8:before{content:"›";display:inline-block;margin-right:6px;transition:transform .15s ease}.page-tools[open].svelte-1u9z1j8>.page-tools-summary:where(.svelte-1u9z1j8):before{transform:rotate(90deg)}.page-tools-summary.svelte-1u9z1j8:hover{color:#a0a0b0}.page-tools-body.svelte-1u9z1j8{font-size:13px;color:#a0a0b0;line-height:1.7;margin:0;padding-left:14px}.page-tools-body.svelte-1u9z1j8:first-of-type{margin-top:8px}.page-tools-body.svelte-1u9z1j8+.page-tools-body:where(.svelte-1u9z1j8){margin-top:8px}.sample-link.svelte-1u9z1j8{color:#00d9ff;border-bottom:1px dotted rgba(0,217,255,.5)}.table-wrap.svelte-1u9z1j8{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.vocab-table.svelte-1u9z1j8{width:100%;border-collapse:collapse;font-size:14px}.vocab-table.svelte-1u9z1j8 thead:where(.svelte-1u9z1j8){background:#ffffff0a}.vocab-table.svelte-1u9z1j8 th:where(.svelte-1u9z1j8){padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b6b7b;border-bottom:1px solid rgba(255,255,255,.06)}.vocab-row.svelte-1u9z1j8{border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s ease}.vocab-row.svelte-1u9z1j8:last-child{border-bottom:none}.vocab-row.svelte-1u9z1j8:hover{background:#ffffff05}.vocab-table.svelte-1u9z1j8 td:where(.svelte-1u9z1j8){padding:14px 16px;vertical-align:middle}.col-word.svelte-1u9z1j8{width:30%}.col-romaji.svelte-1u9z1j8{width:25%}.col-meaning.svelte-1u9z1j8{width:35%}.col-audio.svelte-1u9z1j8{width:10%;text-align:center}.kanji-ruby.svelte-1u9z1j8{font-size:18px;color:#f8f8f2;font-weight:500;ruby-position:over;font-family:var(--font-japanese)}.kanji-ruby.svelte-1u9z1j8 ruby{ruby-align:center;line-height:1}.kanji-ruby.svelte-1u9z1j8 rt{font-size:11px;color:#a0a0b0;font-weight:400;ruby-align:center;line-height:1;margin-bottom:3px}.kanji-link.svelte-1u9z1j8{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(0,217,255,.25);transition:color .12s ease,border-color .12s ease}.kanji-link.svelte-1u9z1j8:hover{color:#00d9ff;border-bottom-color:#00d9ffb3}.kana-only.svelte-1u9z1j8{font-size:18px;color:#f8f8f2;font-weight:500;font-family:var(--font-japanese)}.romaji-text.svelte-1u9z1j8{color:#a0a0b0;font-family:monospace;font-size:13px}.meaning-text.svelte-1u9z1j8{color:#f8f8f2;line-height:1.5}.word-page-link.svelte-1u9z1j8{display:block;color:inherit;text-decoration:none;transition:color .12s ease}.vocab-row.svelte-1u9z1j8:hover .word-page-link:where(.svelte-1u9z1j8){color:#00d9ff}.vocab-row.svelte-1u9z1j8:hover .meaning-text.word-page-link:where(.svelte-1u9z1j8){color:#f8f8f2}.audio-btn.svelte-1u9z1j8{width:34px;height:34px;border-radius:50%;background:#00d9ff1a;border:1px solid rgba(0,217,255,.25);color:#00d9ff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:14px}.audio-btn.svelte-1u9z1j8:hover:not(:disabled){background:#00d9ff33;border-color:#00d9ff80}.audio-btn.playing.svelte-1u9z1j8{background:#00d9ff33;border-color:#00d9ff;color:#00d9ff}.audio-btn.svelte-1u9z1j8:disabled{opacity:.4;cursor:not-allowed}.wave.svelte-1u9z1j8{stroke:#00d9ff;stroke-width:2}.wave-1.svelte-1u9z1j8{animation:svelte-1u9z1j8-pulse .6s ease-in-out infinite alternate}.wave-2.svelte-1u9z1j8{animation:svelte-1u9z1j8-pulse .6s ease-in-out .15s infinite alternate}@keyframes svelte-1u9z1j8-pulse{0%{opacity:.3}to{opacity:1}}.cta-row.svelte-1u9z1j8{display:flex;justify-content:center}.cta-btn.svelte-1u9z1j8{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,#ff006e,#cc0058);color:#fff;font-size:15px;font-weight:700;text-decoration:none;border-radius:10px;box-shadow:0 4px 20px #ff006e59;transition:all .15s ease}.cta-btn.svelte-1u9z1j8:hover{box-shadow:0 6px 30px #ff006e8c;transform:translateY(-2px)}.lesson-nav.svelte-1u9z1j8{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid rgba(255,255,255,.06)}.lesson-nav-link.svelte-1u9z1j8{font-size:14px;font-weight:500;color:#a0a0b0;text-decoration:none;padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .15s ease}.lesson-nav-link.svelte-1u9z1j8:hover{color:#f8f8f2;background:#ff006e1a;border-color:#ff006e4d}.lesson-nav-spacer.svelte-1u9z1j8{width:100px}.lesson-nav-index.svelte-1u9z1j8{font-size:13px;color:#6b6b7b;text-decoration:none;transition:color .15s ease}.lesson-nav-index.svelte-1u9z1j8:hover{color:#a0a0b0}@media(max-width:600px){.vocab-table.svelte-1u9z1j8 th:where(.svelte-1u9z1j8),.vocab-table.svelte-1u9z1j8 td:where(.svelte-1u9z1j8){padding:10px 12px}.col-romaji.svelte-1u9z1j8{display:none}.lesson-nav-spacer.svelte-1u9z1j8{width:60px}}