.player.svelte-1r8861z{margin:0}.canvas.svelte-1r8861z{border:1px solid var(--color-border);background:#fff;border-radius:.9rem;overflow:hidden}.canvas.svelte-1r8861z svg{width:100%;height:auto;display:block}.controls.svelte-1r8861z{align-items:center;gap:.25rem;margin-top:.6rem;display:flex}.button.svelte-1r8861z{width:2.25rem;height:2.25rem;color:var(--color-secondary);cursor:pointer;border-radius:9999px;flex:none;place-items:center;transition:background .15s,color .15s,opacity .15s;display:grid}.button.svelte-1r8861z svg:where(.svelte-1r8861z){fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.button.svelte-1r8861z:hover:not(:disabled){background:var(--color-primary-elevated);color:var(--color-accent)}.button.svelte-1r8861z:disabled{opacity:.35;cursor:default}.button--main.svelte-1r8861z{background:var(--color-accent);color:#fff;width:2.6rem;height:2.6rem}.button--main.svelte-1r8861z:hover:not(:disabled){background:var(--color-accent-strong);color:#fff}.button--main.svelte-1r8861z .play:where(.svelte-1r8861z){fill:currentColor;stroke-width:1.5px;transform:translate(1px)}.button--main.svelte-1r8861z .pause:where(.svelte-1r8861z){stroke-width:3px}:is(.button.svelte-1r8861z:focus-visible,.timeline.svelte-1r8861z:has(input:where(.svelte-1r8861z):focus-visible) .track:where(.svelte-1r8861z)){outline:2px solid var(--color-accent);outline-offset:3px}.timeline.svelte-1r8861z{flex:1;height:2.25rem;margin-left:.5rem;position:relative}.track.svelte-1r8861z{border-radius:9999px;gap:3px;height:6px;margin-top:-3px;display:flex;position:absolute;inset:50% 0 auto}.chapter.svelte-1r8861z{background:var(--color-border);border-radius:9999px;height:100%;transition:transform .15s;position:relative;overflow:hidden}.fill.svelte-1r8861z{background:var(--color-accent);transform:scaleX(var(--fill,0));transform-origin:0;position:absolute;inset:0}.timeline.svelte-1r8861z:hover .chapter:where(.svelte-1r8861z){transform:scaleY(1.5)}.head.svelte-1r8861z{top:50%;left:calc(var(--progress,0) * 100%);background:var(--color-accent);pointer-events:none;border-radius:9999px;width:.8rem;height:.8rem;margin:-.4rem 0 0 -.4rem;transition:transform .15s;position:absolute}.timeline.svelte-1r8861z:hover .head:where(.svelte-1r8861z),.timeline.svelte-1r8861z:active .head:where(.svelte-1r8861z){transform:scale(1.3)}input.svelte-1r8861z{opacity:0;cursor:pointer;width:100%;margin:0;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.button.svelte-1r8861z,.chapter.svelte-1r8861z,.head.svelte-1r8861z{transition:none}}