.reprise{margin:var(--spacing-lg) 0;font-family:var(--font-ui)}.reprise-loading,.reprise-error{padding:var(--spacing-md);border:1px dashed var(--color-border);color:var(--color-ink-light);font-size:var(--text-sm);border-radius:6px}.reprise-error{color:#a02e21;border-style:solid}.reprise-page{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-prose);font-size:var(--text-base);color:var(--color-ink);min-height:8rem;margin:var(--spacing-md) 0;line-height:1.6}.reprise-hint{box-sizing:border-box;min-height:8rem;margin:var(--spacing-md) 0;padding:var(--spacing-md);border:1px dashed var(--color-border);font-family:var(--font-prose);font-size:var(--text-sm);color:var(--color-ink-light);border-radius:8px;line-height:1.6}.reprise-hint .reprise-hint-text{margin:0}.reprise-page:focus-visible{outline:2px solid var(--color-accent);outline-offset:8px;border-radius:2px}.reprise-page mark{background:var(--color-highlight);color:inherit;border-radius:2px}.reprise-caret{border-left:2px solid var(--color-accent);margin-left:-1px;margin-right:-1px;animation:1s steps(2,start) infinite reprise-blink;display:inline}@keyframes reprise-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.reprise-caret{animation:none}}.reprise-rendered{min-height:8rem}.reprise-dock{z-index:10;margin-bottom:var(--spacing-md);justify-content:center;display:flex;position:sticky;top:1rem}.reprise-pill{justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--color-bg);border:2px solid var(--color-border);font-size:var(--text-sm);color:var(--color-ink-light);border-radius:2rem;flex-wrap:wrap;padding:.5rem;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.reprise-round{width:2.5rem;height:2.5rem;font:inherit;color:var(--color-ink);background:var(--color-bg);border:2px solid var(--color-border);cursor:pointer;border-radius:9999px;flex:none;justify-content:center;align-items:center;padding:0;font-weight:700;transition:transform .2s,background-color .2s;display:inline-flex}.reprise-round svg{display:block}.reprise-round:hover:not(:disabled){background:var(--color-bg-code);transform:scale(1.1)}.reprise-round:disabled{opacity:.5;cursor:not-allowed}.reprise-play{color:var(--color-accent);border-color:var(--color-accent)}.reprise-timeline{align-items:center;gap:var(--spacing-xs);flex:12rem;min-width:10rem;padding:0 .25rem;display:flex}.reprise-scrub{min-width:0;accent-color:var(--color-accent);flex:1;margin:0}.reprise-clock{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.reprise-speed{min-width:3.25rem;height:2.5rem;font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-ink);background:var(--color-bg);border:2px solid var(--color-border);cursor:pointer;border-radius:9999px;flex:none;padding:0 .6rem;transition:background-color .2s}.reprise-speed:hover{background:var(--color-bg-code)}.reprise-read{flex:none}.reprise-round:focus-visible,.reprise-speed:focus-visible,.reprise-read:focus-visible,.reprise-scrub:focus-visible,.reprise-info input:focus-visible,.reprise-watch:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.reprise-info{justify-content:space-between;align-items:center;gap:var(--spacing-xs) var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-ink-light);flex-wrap:wrap;display:flex}.reprise-info time{font:inherit;color:inherit;font-variant-numeric:tabular-nums}.reprise-option{cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}.reprise-option input[type=checkbox]{accent-color:var(--color-accent);margin:0}.reprise-bar{margin-bottom:var(--spacing-md)}.reprise-watch,.reprise-read{font:inherit;font-size:var(--text-sm);color:#fff;background:var(--color-accent);border:2px solid var(--color-accent);cursor:pointer;border-radius:9999px;align-items:center;gap:.4rem;height:2.5rem;padding:0 1rem;font-weight:600;display:inline-flex}.reprise-watch:hover,.reprise-read:hover{filter:brightness(1.08)}@media (width<=600px){.reprise-pill{align-items:center;gap:var(--spacing-sm) var(--spacing-xs);border-radius:1.5rem;grid-template-columns:auto 1fr auto;grid-template-areas:"play timeline timeline""speed.read";width:100%;padding:.6rem;display:grid}.reprise-play{grid-area:play}.reprise-timeline{grid-area:timeline;min-width:0;padding:0}.reprise-speed{grid-area:speed;justify-self:start}.reprise-read{grid-area:read;justify-self:end}.reprise-info{gap:var(--spacing-xs) var(--spacing-sm)}}