.sentence-breakdown.svelte-130qa4x{padding:1.25rem;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.source-sentence.svelte-130qa4x{margin:0;font-size:.9375rem;color:var(--muted-foreground, #6b7280);text-align:center;font-style:italic;line-height:1.5}.japanese-sentence.svelte-130qa4x{margin:0;font-size:1.625rem;font-weight:600;text-align:center;color:var(--foreground, #1f2937);line-height:1.4;letter-spacing:.04em}.romaji-row.svelte-130qa4x{display:flex;flex-direction:column;align-items:center;gap:.375rem}.romaji-toggle.svelte-130qa4x{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:var(--muted-foreground, #6b7280);background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:999px;padding:.25rem .75rem;cursor:pointer;transition:all .15s ease;line-height:1.4}.romaji-toggle.svelte-130qa4x:hover{border-color:var(--primary, #6366f1);color:var(--primary, #6366f1)}.romaji-toggle[aria-pressed=true].svelte-130qa4x{background-color:var(--primary, #6366f1);border-color:var(--primary, #6366f1);color:#fff}.romaji-line.svelte-130qa4x{margin:0;font-size:.875rem;color:var(--muted-foreground, #6b7280);text-align:center;font-style:italic;letter-spacing:.02em;line-height:1.5}.tokens-container.svelte-130qa4x{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.25rem .125rem;padding:1rem .75rem .75rem;background-color:var(--muted, #f9fafb);border-radius:.625rem;border:1px solid var(--border, #e5e7eb)}.token-wrapper.svelte-130qa4x{position:relative;display:inline-flex;flex-direction:column;align-items:center}.token.svelte-130qa4x{display:inline-block;border-radius:.25rem;color:var(--token-color);opacity:var(--token-opacity);font-weight:var(--token-weight);font-size:1.125rem;padding:.25rem .375rem;cursor:pointer;transition:opacity .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:1.4;background:transparent;border:none;font-family:inherit}.token.svelte-130qa4x:focus-visible{outline:2px solid var(--primary, #6366f1);outline-offset:2px;border-radius:.25rem}.token-wrapper.active.svelte-130qa4x .token:where(.svelte-130qa4x){opacity:1;background-color:oklch(from var(--token-color, #6366f1) l c h / .12)}@media (hover: hover){.token.svelte-130qa4x:hover{opacity:1;background-color:oklch(from var(--token-color, #6366f1) l c h / .1)}}ruby.svelte-130qa4x{display:inline-flex;flex-direction:column-reverse;align-items:center}rt.svelte-130qa4x{font-size:.55em;color:var(--muted-foreground, #9ca3af);line-height:1.2;font-weight:400;letter-spacing:0}rp.svelte-130qa4x{display:none}.token-tooltip.svelte-130qa4x{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background-color:var(--foreground, #1f2937);color:var(--background, #fff);border-radius:.375rem;padding:.375rem .625rem;white-space:nowrap;z-index:10;pointer-events:none;display:flex;flex-direction:column;gap:.125rem;max-width:min(260px,80vw);white-space:normal;text-align:center;box-shadow:0 4px 12px #0003}.token-tooltip.svelte-130qa4x:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--foreground, #1f2937)}.tooltip-translation.svelte-130qa4x{font-size:.8125rem;line-height:1.4;font-weight:400}.tooltip-nature.svelte-130qa4x{font-size:.6875rem;opacity:.65;text-transform:capitalize;font-weight:500}.usage-note.svelte-130qa4x{border-left:3px solid var(--primary, #6366f1);padding:.75rem 1rem;background-color:var(--muted, #f9fafb);border-radius:0 .375rem .375rem 0;display:flex;flex-direction:column;gap:.375rem}.note-label.svelte-130qa4x{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary, #6366f1)}.note-text.svelte-130qa4x{margin:0;font-size:.875rem;color:var(--muted-foreground, #6b7280);line-height:1.6}[data-theme=dark] .tokens-container.svelte-130qa4x,[data-theme=dark] .usage-note.svelte-130qa4x{background-color:#161616}[data-theme=dark] .token-tooltip.svelte-130qa4x{background-color:#eee;color:#030303}[data-theme=dark] .token-tooltip.svelte-130qa4x:after{border-top-color:#eee}.pattern-summary.svelte-1h83db2{margin:1.5rem .75rem 0;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.section-title.svelte-1h83db2{margin:0;padding:.875rem 1rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);border-bottom:1px solid var(--border)}.table-wrapper.svelte-1h83db2{overflow-x:auto;-webkit-overflow-scrolling:touch}.pattern-table.svelte-1h83db2{width:100%;border-collapse:collapse;font-size:.8125rem;line-height:1.5}.pattern-table.svelte-1h83db2 thead:where(.svelte-1h83db2) tr:where(.svelte-1h83db2){background-color:var(--muted)}.pattern-table.svelte-1h83db2 th:where(.svelte-1h83db2){padding:.5rem .875rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}.pattern-table.svelte-1h83db2 td:where(.svelte-1h83db2){padding:.625rem .875rem;vertical-align:middle;border-bottom:1px solid var(--border);color:var(--foreground)}.pattern-table.svelte-1h83db2 tbody:where(.svelte-1h83db2) tr:where(.svelte-1h83db2):last-child td:where(.svelte-1h83db2){border-bottom:none}.pattern-table.svelte-1h83db2 tbody:where(.svelte-1h83db2) tr:where(.svelte-1h83db2):hover{background-color:oklch(from var(--primary) l c h / .04)}.col-pattern.svelte-1h83db2{white-space:nowrap}.pattern-text.svelte-1h83db2{font-size:1rem;font-weight:700;color:#a855f7;margin-right:.25rem}.pattern-reading.svelte-1h83db2{font-size:.75rem;color:var(--muted-foreground)}.col-seen.svelte-1h83db2{white-space:nowrap}.sentence-badge.svelte-1h83db2{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:50%;background-color:oklch(from var(--primary) l c h / .1);color:var(--primary);font-size:.6875rem;font-weight:600;margin-right:.2rem}.col-desc.svelte-1h83db2{color:var(--muted-foreground);font-size:.8125rem;min-width:160px}