*,:before,:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}button{touch-action:manipulation}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{all:unset;cursor:pointer;aspect-ratio:1;touch-action:manipulation;border-radius:.2em;place-items:center;margin-block:-.15em;padding:.3em;display:grid;&:focus-visible{background-color:var(--color-fg-subtle)}}@property --progress-work{syntax:"<number>";inherits:true;initial-value:0}@property --progress-rest{syntax:"<number>";inherits:true;initial-value:0}@property --ring-gap{syntax:"<number>";inherits:true;initial-value:5}@property --progress-work-percent{syntax:"<number>";inherits:true;initial-value:0}@property --progress-rest-percent{syntax:"<number>";inherits:true;initial-value:0}@property --color-digit{syntax:"<color>";inherits:true;initial-value:#fff}:root{--color-bg:#1b1b1b;--color-fg:#fff;--color-fg-subtle:#323232;--color-fg-muted:#757575;--color-work:#ff1e65;--color-rest:#4effb5;--color-ring:oklch(62.3% .214 259.815);--font-main:"futura-pt", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-display:"overtime-lcd-pro", var(--font-main);--ring-gap:4;--ring-stroke:6}html{overscroll-behavior:none;min-height:100%}body{width:100%;min-height:100dvh;font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-fg);padding:2rem;font-size:5.25vmin;display:flex;@media (aspect-ratio<=920/600) and (width>500px){font-size:4.5vmin}}@keyframes pulse{0%,to{--color-digit:var(--color-fg-subtle)}50%{--color-digit:var(--color-fg)}}.counter-ring .counter-track,.counter-ring .counter-fill{stroke-dashoffset:calc(var(--ring-gap) / -2)}.counter-ring .counter-track{stroke:var(--color-fg-subtle);stroke-dasharray:calc(100 / var(--count) - var(--ring-gap)) var(--ring-gap)}.counter-ring .counter-fill{stroke:var(--color-fg);stroke-dasharray:var(--fill-dasharray,calc(100 / var(--count) - var(--ring-gap)) var(--ring-gap))}.counter-ring .counter-active{stroke:var(--color-digit,var(--color-fg));stroke-dasharray:var(--fill-dasharray,0 100);stroke-dashoffset:var(--fill-dashoffset,calc(var(--ring-gap) / -2))}.counter-ring .counter-text{font-family:var(--font-display);color:var(--color-digit,var(--color-fg));line-height:1;display:flex}.counter-ring[data-announce]{animation:1s step-start 3 pulse}.counter-ring[data-announce] .counter-text{font-size:2em}.counter-ring[data-announce] .sep,.counter-ring[data-announce] .total{display:none}svg[data-astro-cid-gmhr2bjf]{--size:max(.9em, 1.5rem);width:var(--size);height:var(--size);transition:translate .2s steps(2,start);& :is(line,path){stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:22px;fill:none}}.sound-on[data-astro-cid-gmhr2bjf],.sound-off[data-astro-cid-gmhr2bjf],.sound-path-1[data-astro-cid-gmhr2bjf],.sound-path-2[data-astro-cid-gmhr2bjf]{transition:opacity .1s step-start}[data-astro-cid-gmhr2bjf][aria-pressed=true]{& svg{translate:.1em}& :where(.sound-path-1,.sound-path-2){opacity:0}& .sound-on{opacity:0;transition-delay:.2s}& .sound-off{opacity:1;transition-delay:.2s}& .sound-path-1{transition-delay:.1s}}[data-astro-cid-gmhr2bjf][aria-pressed=false]{& .sound-on{opacity:1}& .sound-off{opacity:0}& .sound-path-2{transition-delay:.1s}}.number-field[data-astro-cid-rrvtat5r]{text-align:center;justify-content:center;font-size:max(1.65rem,1em);display:grid;&:focus-within button[data-astro-cid-rrvtat5r]{opacity:1;pointer-events:auto}}label[data-astro-cid-rrvtat5r]{grid-area:2/1/auto/-1;margin-block-start:-.25em;padding-block-end:.25em}.text[data-astro-cid-rrvtat5r]{font-size:.6em;line-height:1;display:block}.wrapper[data-astro-cid-rrvtat5r]{isolation:isolate;border:1px solid #0000;border-radius:2147483647px;align-items:center;display:flex;position:relative}input[data-astro-cid-rrvtat5r]{all:unset;width:4ch;font:inherit;font-variant-numeric:tabular-nums;text-align:center;color:inherit;cursor:pointer;caret-color:#0000;background:0 0;border-radius:.25em;padding-inline:.05em;font-size:1.1em;line-height:1;&:focus{background-color:var(--color-fg-subtle)}&::selection{background-color:#0000}}button[data-astro-cid-rrvtat5r]{all:unset;outline:revert;opacity:0;z-index:1;pointer-events:none;padding:.25rem .5rem;font-size:.9em;display:flex;position:absolute;top:50%;translate:0 -50%;&:active{transform:translateY(1px)}& [data-icon]{flex:none;width:1em;min-width:1em;height:1em}&:not(:disabled){cursor:pointer}}.decrement[data-astro-cid-rrvtat5r]{right:100%}.increment[data-astro-cid-rrvtat5r]{left:100%}.digit[data-astro-cid-mb35ainx]{width:100%;height:auto;& path{fill:var(--color-fg-subtle)}}[data-astro-cid-mb35ainx][data-digit="0"] [data-astro-cid-mb35ainx]:is(.top,.top-right,.bottom-right,.bottom,.bottom-left,.top-left),[data-astro-cid-mb35ainx][data-digit="1"] [data-astro-cid-mb35ainx]:is(.top-right,.bottom-right),[data-astro-cid-mb35ainx][data-digit="2"] [data-astro-cid-mb35ainx]:is(.top,.top-right,.bottom,.bottom-left,.middle),[data-astro-cid-mb35ainx][data-digit="3"] [data-astro-cid-mb35ainx]:is(.top,.top-right,.bottom-right,.bottom,.middle),[data-astro-cid-mb35ainx][data-digit="4"] [data-astro-cid-mb35ainx]:is(.top-right,.bottom-right,.top-left,.middle),[data-astro-cid-mb35ainx][data-digit="5"] [data-astro-cid-mb35ainx]:is(.top,.bottom-right,.bottom,.top-left,.middle),[data-astro-cid-mb35ainx][data-digit="6"] [data-astro-cid-mb35ainx]:is(.top,.bottom-right,.bottom,.bottom-left,.top-left,.middle),[data-astro-cid-mb35ainx][data-digit="7"] [data-astro-cid-mb35ainx]:is(.top,.top-right,.bottom-right),[data-astro-cid-mb35ainx][data-digit="8"] [data-astro-cid-mb35ainx]:is(.top,.top-right,.bottom-right,.bottom,.bottom-left,.top-left,.middle),[data-astro-cid-mb35ainx][data-digit="9"] [data-astro-cid-mb35ainx]:is(.top,.top-right,.bottom-right,.top-left,.middle){fill:var(--color-digit,var(--color-fg))}.time[data-astro-cid-tkb22724]{font-variant-numeric:tabular-nums;grid-area:time;gap:1em;inline-size:15em;transition:opacity .3s ease-out;display:flex}.time-separator[data-astro-cid-tkb22724]{--size:.6em;align-self:center;row-gap:calc(var(--size) * 2.5);flex-direction:column;display:flex;&:before,&:after{content:"";width:var(--size);height:var(--size);background-color:var(--color-digit,var(--color-fg));border-radius:50%;transition:background-color 1s step-start;display:block}}[data-status=preparing] .time-separator[data-astro-cid-tkb22724]{--color-digit:var(--color-fg-subtle)}[data-status=countdown] .time-separator[data-astro-cid-tkb22724]{--color-digit:var(--color-fg-subtle);&:before{transition-delay:2s}&:after{transition-delay:1s}}[data-status=paused] .time[data-astro-cid-tkb22724]{opacity:.25}[data-status=paused] .time-separator[data-astro-cid-tkb22724],[data-status=paused] .time[data-astro-cid-tkb22724] .digit path{animation:1s step-start infinite pulse}[data-status=complete] .time-separator[data-astro-cid-tkb22724],[data-status=complete] .time[data-astro-cid-tkb22724] .digit path{animation:1s step-start 3 forwards pulse}.ring[data-astro-cid-bbd3a5wl]{min-width:0;grid-template-areas:"cell";place-items:center;inline-size:4.5em;display:grid}.ring[data-astro-cid-bbd3a5wl]>*{text-align:center;grid-area:cell;place-content:center}.ring[data-astro-cid-bbd3a5wl]>svg{transform-origin:50%;transform-box:view-box;transform:rotate(-90deg)}.ring[data-astro-cid-bbd3a5wl]>:not(svg){place-self:center}.ring[data-astro-cid-bbd3a5wl] circle{fill:none;stroke-width:var(--ring-stroke);stroke-linecap:round}[data-astro-cid-3koypilj][data-phase]{--duration:.4s;transform-origin:50%;transform-box:view-box;transition:--progress-work var(--duration) linear, --progress-rest var(--duration) linear}circle[data-astro-cid-3koypilj]{stroke:currentColor;stroke-dasharray:var(--arc-length) 100;opacity:min(1, var(--arc-length))}.progress-track[data-astro-cid-3koypilj]{color:var(--color-fg-subtle);stroke-dashoffset:0}.progress-fill[data-astro-cid-3koypilj]{stroke:var(--progress-fill-stroke);stroke-dashoffset:calc(var(--arc-length) * (1 - var(--phase-progress) / 100));opacity:min(1, var(--phase-progress), var(--arc-length))}[data-astro-cid-3koypilj][data-phase=work]{--arc-length:max(0, calc(var(--progress-work-percent) - var(--ring-gap)));--phase-progress:var(--progress-work);--progress-fill-stroke:var(--color-work);transform:rotate(calc(var(--ring-gap) * 2deg))}[data-astro-cid-3koypilj][data-phase=rest]{--arc-length:max(0, calc(var(--progress-rest-percent) - var(--ring-gap)));--phase-progress:var(--progress-rest);--progress-fill-stroke:var(--color-rest);transform:rotate(calc(var(--ring-gap) * 2deg + var(--progress-work-percent) * 3.6deg))}[data-status=complete] [data-astro-cid-3koypilj][data-phase]{--progress-fill-stroke:var(--color-digit,var(--color-fg))}.progress-dot[data-astro-cid-3koypilj]{--size:.6em;width:var(--size);height:var(--size);background-color:var(--color-fg);border-radius:50%}[data-phase=work] .progress-dot[data-astro-cid-3koypilj]{animation:.5s step-end infinite dot-work}[data-phase=rest] .progress-dot[data-astro-cid-3koypilj]{animation:1s steps(3,end) infinite alternate dot-rest}[data-status=paused] .progress-dot[data-astro-cid-3koypilj]{animation:none}@keyframes dot-work{0%{translate:-50%}33%{translate:0 -50%}66%{translate:50%}to{translate:0}}@keyframes dot-rest{0%{scale:1}to{scale:1.6}}.phase[data-astro-cid-umexb4n2]{text-align:end;pointer-events:none;block-size:1lh;line-height:1;overflow:hidden}.phase[data-astro-cid-umexb4n2] .phase-track{will-change:transform;flex-direction:column;align-items:end;display:flex}.phase[data-astro-cid-umexb4n2] .phase-label{white-space:nowrap;text-align:end;block-size:1lh;color:var(--color-digit,var(--color-fg));flex:0 0 1.2em;line-height:1;display:block}.phase[data-astro-cid-umexb4n2][data-tone=work],.phase[data-astro-cid-umexb4n2] .phase-label[data-tone=work]{color:var(--color-work)}.phase[data-astro-cid-umexb4n2][data-tone=rest],.phase[data-astro-cid-umexb4n2] .phase-label[data-tone=rest]{color:var(--color-rest)}[data-status=preparing] .phase[data-astro-cid-umexb4n2]{animation:1s step-start 3 pulse}[data-status=complete] .phase[data-astro-cid-umexb4n2] .phase-label{animation:1s step-start 3 forwards pulse}.timer-player[data-astro-cid-lqivq4nk]{column-gap:3em;row-gap:inherit;isolation:isolate;user-select:none;grid-template-areas:"status""time""rings";justify-content:center;min-width:0;margin:auto;display:grid;position:relative}.status[data-astro-cid-lqivq4nk]{inline-size:100%;font-size:1.4em;line-height:1;font-family:var(--font-display);grid-area:status;align-items:center;gap:.2em;display:flex}.rings[data-astro-cid-lqivq4nk]{grid-area:rings;justify-content:space-between;margin-inline:-.4em;display:flex}.round[data-astro-cid-lqivq4nk]{align-items:center;gap:.3em;display:flex}[data-astro-cid-lqivq4nk][data-icon=clock]{--size:.8em;width:var(--size);height:var(--size)}[data-status]:not([data-status=idle]) [data-icon=clock]{display:none}.controls[data-astro-cid-lqivq4nk]{align-items:start;margin-inline-start:auto;font-size:.8em;display:flex}.controls[data-astro-cid-lqivq4nk] [data-astro-cid-lqivq4nk][data-icon]{--size:.9em;width:var(--size);height:var(--size)}.playback[data-astro-cid-lqivq4nk]{cursor:pointer;opacity:0;position:static;& [data-icon=play]{translate:-.05em}&:before{content:"";position:absolute;inset:0}&:focus-visible{opacity:1}}.reset[data-astro-cid-lqivq4nk]{z-index:1;display:none;position:relative}[data-status=idle] .playback[data-astro-cid-lqivq4nk]{opacity:1}[data-status=preparing]{& .timer-player{cursor:wait}& .playback:disabled{cursor:default;pointer-events:none}}[data-status=countdown]{& .timer-player{cursor:wait}& .playback:disabled{cursor:default;pointer-events:none}}[data-status=paused]{& .playback{opacity:1}& .reset{display:block}}[data-status=complete] .rings[data-astro-cid-lqivq4nk]{animation:1s step-start 3 forwards pulse}.playback[data-astro-cid-lqivq4nk][data-action=play] [data-icon=pause],.playback[data-astro-cid-lqivq4nk][data-action=pause] [data-icon=play]{display:none}@media (aspect-ratio>=920/600){.timer-player[data-astro-cid-lqivq4nk]{grid-template-areas:"time rings""status rings"}.rings[data-astro-cid-lqivq4nk]{flex-direction:column}}.screen[data-astro-cid-lcdefpme]{user-select:none;flex-direction:column-reverse;gap:1.25em 3em;width:fit-content;min-height:100%;margin-inline:auto;display:flex}.setup[data-astro-cid-lcdefpme]{border:none;flex:0 auto;justify-content:space-between;row-gap:.8em;margin:0;margin-block-start:auto;padding:0;transition:color .3s ease-out;display:flex;&:focus-within .number-field:not(:focus-within){color:var(--color-fg-muted)}}.screen[data-astro-cid-lcdefpme]:not([data-status=idle])>.setup[data-astro-cid-lcdefpme]{color:var(--color-fg-muted);pointer-events:none;user-select:none}.sound[data-astro-cid-lcdefpme]{position:fixed;top:.4em;right:.4em}@media (aspect-ratio>=700/600){.screen[data-astro-cid-lcdefpme]{flex-direction:row;height:fit-content;margin-block:auto}.setup[data-astro-cid-lcdefpme]{padding-block:unset;flex-direction:column;margin-block-start:0}}@media (width<=24rem){.screen[data-astro-cid-lcdefpme]{column-gap:2em}.setup[data-astro-cid-lcdefpme]{flex-direction:column}}
