.wa.svelte-153bool{--paper:#faf7f2;--ink:#1c1a17;--muted:#6b6560;--line:#e4ddd2;--accent:#c4663a;--expert:#2f6f6a;--learner:#b0562f;--card:#fffdfa;max-width:760px;color:var(--ink);font-family:Hanken Grotesk,system-ui,sans-serif}.wa.svelte-153bool :where(.svelte-153bool){box-sizing:border-box}header.svelte-153bool{margin-bottom:28px}.kicker.svelte-153bool{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:12px;font-weight:600}h2.svelte-153bool{letter-spacing:-.02em;margin:0 0 14px;font-family:Fraunces,Georgia,serif;font-size:52px;font-weight:600;line-height:.95}.sub.svelte-153bool{color:var(--muted);max-width:56ch;margin:0;line-height:1.55}.controls.svelte-153bool{flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.field.svelte-153bool{flex-direction:column;flex:200px;gap:6px;display:flex}.field.svelte-153bool>span:where(.svelte-153bool){color:var(--muted);font-size:13px;font-weight:500}select.svelte-153bool,textarea.svelte-153bool{font:inherit;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;width:100%;padding:10px 12px}textarea.svelte-153bool{resize:vertical;font-family:ui-monospace,monospace;font-size:13px;line-height:1.5}select.svelte-153bool:focus,textarea.svelte-153bool:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.check.svelte-153bool{flex:none;align-items:center;gap:8px;font-size:14px;display:flex}.check.svelte-153bool input:where(.svelte-153bool){width:16px;height:16px;accent-color:var(--accent)}.actions.svelte-153bool{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 8px;display:flex}button.svelte-153bool{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:11px 18px;font-weight:500}button.svelte-153bool:disabled{opacity:.45;cursor:default}button.primary.svelte-153bool{background:var(--ink);color:var(--paper);border-color:var(--ink)}.status.svelte-153bool{color:var(--muted);font-size:14px}.status.err.svelte-153bool{color:var(--accent)}.error.svelte-153bool{color:var(--accent);margin:8px 0 0;font-size:14px}.transport.svelte-153bool{border:1px solid var(--line);background:var(--card);border-radius:12px;align-items:center;gap:8px;margin:18px 0 6px;padding:8px 10px;display:flex}.t-btn.svelte-153bool{border:1px solid var(--line);background:var(--paper);border-radius:9px;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.t-btn.play.svelte-153bool{background:var(--ink);color:var(--paper);border-color:var(--ink)}.t-btn.svelte-153bool:not(:disabled):hover{border-color:var(--accent)}.speed.svelte-153bool{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:14px;display:inline-flex}.speed.svelte-153bool select:where(.svelte-153bool){width:auto;padding:7px 8px}.transcript.svelte-153bool{flex-direction:column;gap:3px;margin:8px 0 0;padding:0;list-style:none;display:flex}.transcript.svelte-153bool li:where(.svelte-153bool){border-radius:10px}.line-btn.svelte-153bool{text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:20px 74px 1fr;align-items:start;gap:12px;padding:12px 14px;font-weight:400;display:grid}.line-btn.svelte-153bool:not(:disabled):hover{background:var(--card)}.line-btn.svelte-153bool:disabled{opacity:.4;cursor:default}.transcript.svelte-153bool li.active:where(.svelte-153bool) .line-btn:where(.svelte-153bool){background:var(--card);border-color:var(--line);box-shadow:inset 3px 0 0 var(--accent)}.play-glyph.svelte-153bool{color:var(--muted);align-items:center;padding-top:3px;display:inline-flex}li.active.svelte-153bool .play-glyph:where(.svelte-153bool){color:var(--accent)}.tag.svelte-153bool{letter-spacing:.08em;text-transform:uppercase;padding-top:3px;font-size:11px;font-weight:600}li.expert.svelte-153bool .tag:where(.svelte-153bool){color:var(--expert)}li.learner.svelte-153bool .tag:where(.svelte-153bool){color:var(--learner)}.text.svelte-153bool{line-height:1.55}li.active.svelte-153bool .text:where(.svelte-153bool){font-weight:500}@media (width<=520px){h2.svelte-153bool{font-size:40px}.line-btn.svelte-153bool{grid-template-columns:20px 1fr}.line-btn.svelte-153bool .text:where(.svelte-153bool){grid-column:1/-1}}