.tp-timer.svelte-t33olw{align-items:center;gap:.75rem;height:100%;display:flex;overflow:hidden}.tp-timer__ring.svelte-t33olw{aspect-ratio:1;flex:none;place-items:center;width:clamp(64px,34%,108px);display:grid;position:relative}.tp-timer__ring.svelte-t33olw svg:where(.svelte-t33olw){width:100%;height:100%}.tp-timer__track.svelte-t33olw,.tp-timer__fill.svelte-t33olw{fill:none;stroke-width:6px}.tp-timer__track.svelte-t33olw{stroke:var(--color-ink-700)}.tp-timer__fill.svelte-t33olw{stroke:var(--color-beacon);stroke-linecap:round;transition:stroke-dashoffset .48s linear}html[data-motion=reduced] .tp-timer__fill.svelte-t33olw{transition:none}.tp-timer[data-status=finished].svelte-t33olw .tp-timer__fill:where(.svelte-t33olw){stroke:var(--color-warn)}.tp-timer__readout.svelte-t33olw{color:var(--color-fg);font-size:var(--text-sm);font-weight:600;position:absolute}.tp-timer[data-tier=L].svelte-t33olw .tp-timer__readout:where(.svelte-t33olw){font-size:var(--text-base)}.tp-timer__side.svelte-t33olw{flex-direction:column;flex:auto;align-items:flex-start;gap:.3rem;min-width:0;display:flex}.tp-timer__chip.svelte-t33olw{border-radius:var(--radius-ctl);background:var(--color-beacon-soft);color:var(--color-beacon);font-size:var(--text-2xs);padding:.1rem .4rem}.tp-timer__chip[data-phase=break].svelte-t33olw,.tp-timer__chip[data-phase=long-break].svelte-t33olw{background:color-mix(in oklch, var(--color-warn) 14%, transparent);color:var(--color-warn)}.tp-timer__dots.svelte-t33olw{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.tp-timer__dots.svelte-t33olw li:where(.svelte-t33olw){border:1px solid var(--color-ink-500);border-radius:50%;width:6px;height:6px}.tp-timer__dots.svelte-t33olw li.done:where(.svelte-t33olw){border-color:var(--color-beacon);background:var(--color-beacon)}.tp-timer__finished.svelte-t33olw{color:var(--color-warn);font-size:var(--text-2xs);margin:0}.tp-timer__blocked.svelte-t33olw{color:var(--color-fg-dim);font-size:var(--text-2xs);margin:0}.tp-timer__controls.svelte-t33olw{flex-wrap:wrap;gap:.375rem;margin-top:auto;display:flex}.tp-timer__primary.svelte-t33olw,.tp-timer__ghost.svelte-t33olw{border:1px solid var(--color-ink-700);border-radius:var(--radius-ctl);cursor:pointer;font:inherit;font-size:var(--text-2xs);background:0 0;min-height:32px;padding:0 .6rem}.tp-timer__primary.svelte-t33olw{border-color:var(--color-beacon);color:var(--color-beacon)}.tp-timer__ghost.svelte-t33olw{color:var(--color-fg-dim)}