.tts-section{position:relative;--tts-progress: 0}.tts-sticky{position:sticky;top:0;height:100svh;min-height:420px;z-index:0;overflow:hidden}.tts-stage,.tts-mount{position:absolute;inset:0}.tts-canvas{position:absolute;inset:0;touch-action:pan-y;opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1)}.tts-mount[data-ready=true] .tts-canvas{opacity:1}.tts-canvas canvas{display:block;width:100%!important;height:100%!important}.tts-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transition:opacity .4s var(--ease, ease);pointer-events:none}.tts-loading[data-visible=true]{opacity:1}.tts-loading-bar{width:120px;height:2px;border-radius:2px;background:var(--line-strong, rgba(128, 128, 128, .35));overflow:hidden;position:relative}.tts-loading-bar:after{content:"";position:absolute;inset:0;width:40%;border-radius:2px;background:var(--accent);animation:tts-sweep 1.3s var(--ease, ease-in-out) infinite}@keyframes tts-sweep{0%{transform:translate(-110%)}to{transform:translate(280%)}}.tts-loading-text{font-family:var(--sans, system-ui);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted, #888)}.tts-panels{position:relative;z-index:1;margin-top:-100svh;pointer-events:none}.tts-panel{min-height:max(100svh,420px);display:flex;align-items:flex-start;padding:clamp(20px,3.5vw,48px);padding-top:calc(var(--nav-h, 68px) + 7svh);max-width:min(34ch,29vw)}.tts-panel-inner{pointer-events:auto;background:color-mix(in srgb,var(--paper) 84%,transparent);border:1px solid var(--glass-bd, rgba(255, 255, 255, .09));border-left:2px solid var(--accent);border-radius:var(--radius-sm, 11px);padding:clamp(16px,2vw,24px);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);box-shadow:var(--shadow, 0 6px 22px -10px rgba(0, 0, 0, .4))}.tts-section[data-tts-ready=true] .tts-panel-inner{opacity:.5;transform:translateY(10px);transition:opacity .6s var(--ease-out, ease),transform .6s var(--ease-out, ease)}.tts-section[data-tts-ready=true] .tts-panel[data-active=true] .tts-panel-inner{opacity:1;transform:none}.tts-step{font-family:var(--sans, system-ui);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;display:flex;align-items:center;gap:8px}.tts-step .num{font-variant-numeric:tabular-nums;color:var(--faint)}.tts-panel h3{font-family:var(--serif, Georgia, serif);font-size:clamp(1.2rem,1.9vw,1.55rem);font-weight:500;line-height:1.2;color:var(--ink);margin:0 0 8px}.tts-panel p{font-size:.93rem;line-height:1.6;color:var(--ink-soft);margin:0}.tts-panel p+p{margin-top:.6em}.tts-panel code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.88em;color:var(--accent-deep);background:var(--accent-tint);border:1px solid var(--accent-soft);border-radius:5px;padding:1px 6px}.tts-caveat{font-size:.82rem!important;color:var(--muted)!important;border-top:1px solid var(--line);padding-top:.6em;margin-top:.8em!important}.tts-notes{max-width:var(--measure, 680px);padding-block:clamp(44px,6vw,80px) 0}.tts-notes h2{font-family:var(--serif, Georgia, serif);font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:500;color:var(--ink);margin:0 0 .7em}.tts-notes p{font-size:.97rem;line-height:1.68;color:var(--ink-soft);margin:0 0 1em}.tts-spec{display:grid;grid-template-columns:max-content 1fr;gap:8px 22px;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line);font-family:var(--sans, system-ui);font-size:.86rem}.tts-spec dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;align-self:center}.tts-spec dd{margin:0;color:var(--ink-soft)}@media(max-width:900px){.tts-panel{max-width:none;align-items:flex-end;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.tts-panel-inner{width:100%;padding:16px 18px}.tts-panel h3{font-size:1.15rem}.tts-panel p{font-size:.9rem}.tts-axes{top:12px;right:14px;bottom:auto;font-size:.66rem}}@media(prefers-reduced-motion:reduce){.tts-loading-bar:after{animation:none}.tts-section[data-tts-ready=true] .tts-panel-inner{opacity:1;transform:none}}.tts-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8vw;pointer-events:none}.tts-fallback p{max-width:38ch;text-align:center;font-size:.95rem;line-height:1.6;color:var(--muted);margin:0}.tts-annotation{position:absolute;top:0;left:0;will-change:transform,opacity;visibility:hidden;opacity:0;display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-left:1px solid var(--accent);background:color-mix(in srgb,var(--paper) 66%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap;transition:opacity .25s linear}.tts-annotation b{font-family:var(--sans, system-ui);font-size:.74rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}.tts-annotation i{font-style:normal;font-family:var(--sans, system-ui);font-size:.7rem;color:var(--muted)}.tts-play{display:inline-flex;align-items:center;gap:9px;padding:9px 18px 9px 14px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-family:var(--sans, system-ui);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .2s var(--ease, ease),box-shadow .2s var(--ease, ease)}.tts-play svg{width:17px;height:17px;fill:currentColor}.tts-meta{display:flex;gap:clamp(12px,1.8vw,24px);margin:0;font-family:var(--sans, system-ui)}.tts-meta dt{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.tts-meta dd{margin:0;font-size:.76rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}@media(max-width:900px){.tts-annotation{padding:4px 8px}.tts-annotation b{font-size:.66rem}.tts-annotation i{display:none}.tts-transport{inset:46px 14px auto;gap:12px}.tts-meta{gap:12px}.tts-meta dd{font-size:.7rem}}.tts-sentence{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;max-width:min(20ch,76vw);text-align:center;font-family:var(--serif, Georgia, serif);font-size:clamp(1.5rem,3.6vw,3rem);font-weight:500;line-height:1.18;color:var(--ink);visibility:hidden;opacity:0}.tts-legend{position:absolute;right:clamp(16px,2.6vw,34px);top:clamp(74px,9vh,104px);z-index:3;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;opacity:0;pointer-events:none;transition:opacity .4s var(--ease, ease)}.tts-legend li{display:flex;align-items:center;gap:8px;font-family:var(--sans, system-ui);font-size:.72rem;letter-spacing:.04em;color:var(--ink-soft)}.tts-legend .sw{width:11px;height:11px;border-radius:2px;flex:none;border:1px solid rgba(255,255,255,.22)}.sw-text{background:#4d7975}.sw-speaker{background:#4a5c86}.sw-cond{background:#4a6d80}.sw-gen{background:var(--accent)}[data-theme=ivory] .sw-text{background:#7ba39d}[data-theme=ivory] .sw-speaker{background:#8f9cc4}[data-theme=ivory] .sw-cond{background:#84a3b4}.tts-audio{position:absolute;left:50%;bottom:clamp(44px,8vh,84px);transform:translate(-50%);width:min(820px,86vw);z-index:4;display:flex;flex-direction:column;gap:16px;visibility:hidden;opacity:0;--draw: 0%}.tts-wave{width:100%}.tts-wave{position:relative;height:clamp(84px,15vh,132px);clip-path:inset(0 calc(100% - var(--draw)) 0 0)}.tts-wave canvas{display:block;width:100%;height:100%}.tts-playhead{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--ink);opacity:0;transition:opacity .2s linear}.tts-playhead[data-on=true]{opacity:.75}.tts-transport{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px}.tts-play{display:inline-flex;align-items:center;gap:9px;padding:9px 18px 9px 14px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-family:var(--sans, system-ui);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .2s var(--ease, ease),box-shadow .2s var(--ease, ease)}.tts-play svg{width:16px;height:16px;fill:currentColor}.tts-play:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.tts-meta{display:flex;justify-content:center;gap:clamp(12px,1.8vw,24px);margin:0;font-family:var(--sans, system-ui)}.tts-meta div{display:flex;flex-direction:column;gap:1px}.tts-meta dt{font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.tts-meta dd{margin:0;font-size:.74rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.tts-annotations{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.tts-annotation{position:absolute;top:0;left:0;will-change:transform,opacity;visibility:hidden;opacity:0;display:flex;flex-direction:column;gap:1px;padding:5px 9px;border-left:1px solid var(--accent);background:color-mix(in srgb,var(--paper) 62%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap;transform:translate3d(-50%,0,0);transition:opacity .3s linear}.tts-annotation b{font-family:var(--sans, system-ui);font-size:.7rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}.tts-annotation i{font-style:normal;font-family:var(--sans, system-ui);font-size:.66rem;color:var(--muted)}@media(max-width:900px){.tts-legend{top:60px;right:12px;gap:5px}.tts-legend li{font-size:.66rem}.tts-annotation{padding:4px 7px}.tts-annotation b{font-size:.62rem}.tts-annotation i{display:none}.tts-audio{bottom:auto;top:108px;width:92vw}.tts-meta{gap:12px}.tts-meta dd{font-size:.68rem}}