.timer-screen,.timer-sheet{--top-pad:max(env(safe-area-inset-top), .75rem)}@media (orientation:portrait){.timer-screen,.timer-sheet{--top-pad:calc(max(env(safe-area-inset-top), .75rem) + 2.5rem)}}.timer-sheet{padding:var(--top-pad) max(env(safe-area-inset-right), 1rem) max(env(safe-area-inset-bottom), 1rem) max(env(safe-area-inset-left), 1rem)}.timer-screen{padding:var(--top-pad) max(env(safe-area-inset-right), 1rem) max(env(safe-area-inset-bottom), .75rem) max(env(safe-area-inset-left), 1rem);background:var(--background);color:var(--foreground);overscroll-behavior:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;inset:0}.timer-stage{pointer-events:none;flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.timer-digits{font-family:var(--font-rubik), system-ui, sans-serif;white-space:nowrap;font-weight:800;line-height:.7;font-size:min(calc(100cqw / var(--ems)), 125cqh);justify-content:center;align-items:center;display:flex}.timer-digits .cell{text-align:center;width:.72em;display:inline-block}.timer-digits .colon{text-align:center;width:.36em;padding-bottom:.06em;display:inline-block}.timer-glyphs{justify-content:center;align-items:center;display:flex;position:relative}.timer-digits.ghost{color:#0000;-webkit-text-stroke:.03em var(--foreground)}.timer-digits.liquid{--wave-w:2.4em;color:var(--accent);-webkit-text-stroke:.03em var(--foreground);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200' preserveAspectRatio='none'%3E%3Cpath d='M0 100Q25 97.6 50 100T100 100V200H0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200' preserveAspectRatio='none'%3E%3Cpath d='M0 100Q25 97.6 50 100T100 100V200H0Z'/%3E%3C/svg%3E");-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:var(--wave-w) 200%;-webkit-mask-size:var(--wave-w) 200%;mask-size:var(--wave-w) 200%;-webkit-mask-position-y:var(--lvl,0%);mask-position-y:var(--lvl,0%);animation:6s linear infinite timer-wave;position:absolute;inset:0}@keyframes timer-wave{0%{-webkit-mask-position-x:0;mask-position-x:0}to{-webkit-mask-position-x:calc(var(--wave-w) * -1);mask-position-x:calc(var(--wave-w) * -1)}}@container (max-aspect-ratio:1){.timer-digits{font-size:min(calc(100cqw / 1.5), calc(100cqh / (var(--segs) * .9)));flex-direction:column;gap:.14em}.timer-digits .colon{display:none}.timer-digits .pair{display:flex}}.timer-paused .timer-glyphs{animation:1.2s step-end infinite timer-blink}@keyframes timer-blink{0%,60%{opacity:1}61%,to{opacity:.25}}.timer-flash{animation:1s step-end infinite timer-flash}@keyframes timer-flash{0%{background:var(--accent);color:var(--accent-foreground)}50%{background:var(--background);color:var(--foreground)}}@media (prefers-reduced-motion:reduce){.timer-paused .timer-glyphs{opacity:.5;animation:none}.timer-digits.liquid{animation:none}.timer-flash{background:var(--accent);color:var(--accent-foreground);animation:none}}.timer-screen.tight{gap:0}.timer-slide{opacity:0;transform:translateY(var(--slide-from,-.75rem));visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.32,.72,0,1),opacity .25s,transform .35s cubic-bezier(.32,.72,0,1),visibility 0s linear .35s;display:grid}.timer-slide[data-open=true]{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s;transform:none}.timer-slide>div{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.timer-slide{transition-duration:0s;transition-delay:0s}}