.listen{padding-block:var(--space-5);border-block:1px solid var(--color-border-subtle);margin-block:var(--space-8)}.listen-details{gap:var(--space-4);background:0 0;border:0;border-radius:0;margin-block:0;padding:0;display:grid}.tts-button{min-block-size:var(--touch-target-min);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-ink-secondary);font-family:var(--font-ui);font-size:var(--step-0);cursor:pointer;transition:color var(--duration-fast) var(--ease-snappy), border-color var(--duration-fast) var(--ease-snappy), scale var(--duration-snappy) var(--ease-smooth-in);background:0 0;align-items:center;display:inline-flex}.tts-button:active{scale:.96}.tts-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (hover:hover){.tts-button:hover{border-color:var(--color-primary);color:var(--color-ink)}}.listen-summary{inline-size:fit-content;list-style:none}.tts-button.listen-summary{color:var(--color-cite)}@media (hover:hover){.tts-button.listen-summary:hover{color:var(--color-cite-hover)}}.listen-summary::-webkit-details-marker{display:none}.listen-summary .listen-duration{font-size:inherit}.listen-body{gap:var(--space-3);margin-block:0;display:grid}.listen-links{gap:var(--space-2) var(--space-5);font-family:var(--font-ui);font-size:var(--step-0);flex-wrap:wrap;margin:0;display:flex}.listen-links a{min-block-size:var(--touch-target-standing);color:var(--color-cite);text-decoration-line:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:.2em;align-items:center;display:inline-flex}.listen-links a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}@media (hover:hover){.listen-links a:hover{color:var(--color-cite-hover);text-decoration-color:currentColor}}.tts-fallback audio{inline-size:100%;max-inline-size:100%}.listen:has([data-tts-enhanced]) .tts-fallback{display:none}:root{--tts-dock-height:0px}body{padding-block-end:var(--tts-dock-height)}html{scroll-padding-block-end:calc(var(--tts-dock-height) + var(--space-4))}.tts{container:tts/inline-size}.tts-face{align-items:center;gap:var(--space-3) var(--space-4);font-family:var(--font-ui);display:grid;position:relative}.tts-face[data-face=card]{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cluster quiet""progress progress""status status";inline-size:100%;max-inline-size:28rem}@container tts (max-width:20rem){.tts-face[data-face=card]{grid-template-columns:minmax(0,1fr);grid-template-areas:"cluster""quiet""progress""status";justify-items:start}}.tts-cluster{align-items:center;gap:var(--space-3);grid-area:cluster;display:flex}.tts-quiet{justify-content:end;align-items:center;gap:var(--space-2);flex-wrap:wrap;grid-area:quiet;display:flex}@container tts (max-width:20rem){.tts-quiet{justify-content:start}}.tts-progress{align-items:center;gap:var(--space-3);grid-area:progress;inline-size:100%;min-inline-size:0;display:flex}.tts-status{font-size:var(--step-0);color:var(--color-ink-muted);grid-area:status;margin:0;line-height:1.4}.tts-face[data-failed] .tts-status{color:var(--status-error-text)}.tts-round{inline-size:var(--touch-target-min);block-size:var(--touch-target-min);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink-secondary);font-family:var(--font-mono);font-size:var(--step-0);font-variant-numeric:tabular-nums;cursor:pointer;transition:color var(--duration-fast) var(--ease-snappy), border-color var(--duration-fast) var(--ease-snappy), scale var(--duration-snappy) var(--ease-smooth-in);background:0 0;flex:none;justify-content:center;align-items:center;gap:.15em;padding:0;line-height:1;display:inline-flex}.tts-round-play{border-color:var(--color-border-strong);block-size:3.5rem;inline-size:3.5rem;color:var(--color-ink);font-size:var(--step-2)}.tts-round-step{inline-size:var(--touch-target-min);block-size:var(--touch-target-min)}.tts-round:disabled{color:var(--color-ink-faint);border-color:var(--color-border-subtle);cursor:default}.tts-round:not(:disabled):active{scale:.96}@media (hover:hover){.tts-round:not(:disabled):hover{color:var(--color-ink);border-color:var(--color-primary)}}.tts-round:focus-visible,.tts-quiet-control:focus-visible,.tts-panel-close:focus-visible,.tts-speed-preset:focus-visible,.tts-chapter:focus-visible,.tts-slider:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tts-skip-count{font-size:var(--step-0)}.tts-glyph{flex:none;display:block}.tts-glyph[data-glyph=play]{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;block-size:.8em;inline-size:.66em;margin-inline-start:.1em}.tts-glyph[data-glyph=pause]{block-size:.78em;inline-size:.6em;position:relative}.tts-glyph[data-glyph=pause]:before,.tts-glyph[data-glyph=pause]:after{content:"";background:currentColor;border-radius:1px;inline-size:.2em;position:absolute;inset-block:0}.tts-glyph[data-glyph=pause]:before{inset-inline-start:0}.tts-glyph[data-glyph=pause]:after{inset-inline-end:0}.tts-glyph[data-glyph=back],.tts-glyph[data-glyph=forward]{block-size:.4em;inline-size:.4em;rotate:45deg}.tts-glyph[data-glyph=back]{border-block-end:.14em solid;border-inline-start:.14em solid}.tts-glyph[data-glyph=forward]{border-block-start:.14em solid;border-inline-end:.14em solid}.tts-glyph[data-glyph=plus],.tts-glyph[data-glyph=minus],.tts-glyph[data-glyph=close]{block-size:.85em;inline-size:.85em;position:relative}.tts-glyph[data-glyph=plus]:before,.tts-glyph[data-glyph=minus]:before,.tts-glyph[data-glyph=close]:before,.tts-glyph[data-glyph=plus]:after,.tts-glyph[data-glyph=close]:after{content:"";background:currentColor;border-radius:1px;block-size:.12em;position:absolute;inset-block-start:50%;inset-inline:0;translate:0 -50%}.tts-glyph[data-glyph=plus]:after{rotate:90deg}.tts-glyph[data-glyph=close]:before{rotate:45deg}.tts-glyph[data-glyph=close]:after{rotate:-45deg}.tts-quiet-control{min-inline-size:var(--touch-target-min);min-block-size:var(--touch-target-min);padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink-secondary);font-family:var(--font-ui);font-size:var(--step-0);font-variant-numeric:tabular-nums;cursor:pointer;transition:color var(--duration-fast) var(--ease-snappy);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.tts-quiet-control[aria-expanded=true]{color:var(--color-ink)}@media (hover:hover){.tts-quiet-control:hover{color:var(--color-ink)}}.tts-time{font-family:var(--font-mono);font-size:var(--step-0);font-variant-numeric:tabular-nums;color:var(--color-ink-muted);flex:none;min-inline-size:4ch}.tts-progress .tts-time:last-child{text-align:end}.tts-slider{min-inline-size:0;block-size:var(--touch-target-min);appearance:none;cursor:pointer;background:0 0;flex:auto;margin:0;padding:0}.tts-slider:disabled{cursor:default;opacity:.5}.tts-face[data-buffering] .tts-progress{opacity:.55;transition:opacity var(--duration-fast) var(--ease-snappy)}.tts-slider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-primary) calc(var(--tts-played,0) * 100%), var(--color-border) calc(var(--tts-played,0) * 100%));block-size:3px}.tts-slider::-moz-range-track{border-radius:var(--radius-pill);background:var(--color-border);block-size:3px}.tts-slider::-moz-range-progress{border-radius:var(--radius-pill);background:var(--color-primary);block-size:3px}.tts-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-pill);background:var(--color-primary);border:0;block-size:13px;inline-size:13px;margin-block-start:-5px}.tts-slider::-moz-range-thumb{border-radius:var(--radius-pill);background:var(--color-primary);border:0;block-size:13px;inline-size:13px}.tts-panel{z-index:1;gap:var(--space-3);inline-size:max-content;max-inline-size:min(22rem,90vw);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-overlay);box-shadow:var(--shadow-lg);display:grid;position:absolute;inset-block-end:calc(100% + var(--space-2));inset-inline-end:0}.tts-panel-head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.tts-panel-title{font-family:var(--font-ui);font-size:var(--step-0);color:var(--color-ink);font-weight:600}.tts-panel-close{inline-size:var(--touch-target-min);block-size:var(--touch-target-min);margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) calc(var(--space-2) * -1) 0;border-radius:var(--radius-sm);color:var(--color-ink-muted);font-size:var(--step-1);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover){.tts-panel-close:hover{color:var(--color-ink)}}.tts-speed-range{align-items:center;gap:var(--space-3);display:flex}.tts-speed-end{font-family:var(--font-mono);font-size:var(--step-0);font-variant-numeric:tabular-nums;color:var(--color-ink-muted);flex:none}.tts-slider-speed{min-inline-size:8rem}.tts-speed-presets{gap:var(--space-1);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tts-speed-preset{min-inline-size:0;min-block-size:var(--touch-target-min);padding-inline:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink-secondary);font-family:var(--font-ui);font-size:var(--step-0);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-snappy), border-color var(--duration-fast) var(--ease-snappy), background-color var(--duration-fast) var(--ease-snappy), scale var(--duration-snappy) var(--ease-smooth-in);background:0 0}.tts-speed-preset[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-surface-raised);color:var(--color-ink);font-weight:600}.tts-speed-preset:active{scale:.96}@media (hover:hover){.tts-speed-preset:hover{border-color:var(--color-primary);color:var(--color-ink)}}.tts-speed-steppers{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.tts-speed-value{min-inline-size:4ch;font-family:var(--font-mono);font-size:var(--step-2);font-variant-numeric:tabular-nums;text-align:center;color:var(--color-ink)}.tts-panel-chapters{inline-size:min(26rem,90vw);max-inline-size:min(26rem,90vw)}.tts-chapter-list{flex-direction:column;max-block-size:min(50vh,20rem);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.tts-chapter{gap:var(--space-3);inline-size:100%;min-block-size:var(--touch-target-min);padding-block:var(--space-2);padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--color-ink-secondary);font-family:var(--font-ui);font-size:var(--step-0);text-align:start;cursor:pointer;transition:color var(--duration-fast) var(--ease-snappy);background:0 0;border:0;align-items:center;display:flex}.tts-chapter[aria-current=true]{color:var(--color-ink);font-weight:600}@media (hover:hover){.tts-chapter:hover{color:var(--color-primary)}}.tts-chapter-time{font-family:var(--font-mono);font-size:var(--step-0);font-variant-numeric:tabular-nums;color:var(--color-ink-muted);flex:none}.tts-chapter-title{min-inline-size:0}.tts-dock{z-index:40;border-block-start:1px solid var(--color-border-subtle);background:var(--color-surface-raised);animation:tts-dock-rise var(--duration-fast) var(--ease-soft-land) both;position:fixed;inset-block-end:0;inset-inline:0}@keyframes tts-dock-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tts-dock{animation:none}}.tts-dock-inner{inline-size:100%;max-inline-size:72rem;padding-inline:var(--space-5);margin-inline:auto;padding-block-start:var(--space-2);padding-block-end:calc(var(--space-2) + env(safe-area-inset-bottom,0px));container:tts-dock/inline-size}.tts-face[data-face=dock]{gap:var(--space-2) var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"now now quiet""cluster progress progress""status status status"}@container tts-dock (max-width:40rem){.tts-face[data-face=dock] .tts-round-play{inline-size:var(--touch-target-min);block-size:var(--touch-target-min);font-size:var(--step-1)}.tts-face[data-face=dock] .tts-quiet-control{padding-inline:var(--space-2)}.tts-face[data-face=dock] .tts-cluster{gap:var(--space-2)}.tts-face[data-face=dock] .tts-quiet{flex-wrap:nowrap}.tts-face[data-face=dock] .tts-dismiss-word{display:none}.tts-face[data-face=dock] .tts-dismiss .tts-glyph{display:block}}.tts-dismiss .tts-glyph{display:none}@container tts-dock (min-width:40rem){.tts-face[data-face=dock]{grid-template-columns:auto minmax(6rem,16rem) minmax(0,1fr) auto;grid-template-areas:"cluster now progress quiet""status status status status"}}.tts-now{min-inline-size:0;font-family:var(--font-ui);grid-area:now;gap:0;margin:0;line-height:1.3;display:grid}.tts-now-title,.tts-now-chapter{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tts-now-title{font-size:var(--step-0);color:var(--color-ink-secondary)}.tts-now-chapter{font-size:var(--step-0);color:var(--color-ink-muted)}@media print{.listen,.tts-dock{display:none}body{padding-block-end:0}}