.timer-workspace{--timer-brand-size:clamp(1.5rem, min(8vw, 8dvh), 4.5rem);--timer-header-top:max(clamp(.75rem, 4dvh, 2.5rem), env(safe-area-inset-top));--timer-header-height:max(44px, calc(var(--timer-brand-size) * 1.5));--timer-dial-size:min(320px, 70vw, 40dvh);--timer-control-height:64px;--timer-action-gap:14px;--timer-mode-width:min(380px, calc(100vw - 32px));min-height:100dvh}:root:has(.timer-workspace){scrollbar-gutter:auto!important}.timer-brand{top:var(--timer-header-top);height:var(--timer-header-height);z-index:11;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline:0}.timer-wordmark{color:#fff;font-size:var(--timer-brand-size);letter-spacing:-.035em;white-space:nowrap;filter:drop-shadow(0 .07em .09em #691c202e);opacity:1;align-items:center;gap:.025em;font-weight:700;line-height:1;transition:opacity .25s;display:inline-flex}.timer-wordmark-octo{flex:none;width:.94em;height:1.05em;transform:translateY(.025em)}.timer-wordmark>span{-webkit-text-stroke:.012em currentColor;paint-order:stroke fill}.timer-stage{--timer-spacing:clamp(12px, 4dvh, 36px);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);justify-items:center;width:100%;height:100dvh;display:grid}.timer-modes{padding-bottom:var(--timer-spacing);align-self:end}.timer-mode-surface{z-index:10;width:var(--timer-mode-width);border:1px solid #ffffff1f;border-radius:999px;padding:5px;display:flex;position:relative;box-shadow:0 6px 18px #00000014,inset 0 1px #ffffff0f}.timer-mode{text-transform:capitalize;white-space:nowrap;border-radius:999px;flex:1;min-width:0;min-height:40px;padding:6px 8px;font-size:16px;font-weight:600;line-height:1.2;transition:background-color .15s,box-shadow .15s}.timer-mode-surface,.timer-controls{transition:opacity .3s}.timer-stage[data-running=true] .timer-mode-surface,.timer-stage[data-running=true] .timer-controls{opacity:0;pointer-events:none}.timer-display{width:var(--timer-dial-size);height:var(--timer-dial-size);color:#fff;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:relative}.timer-display:focus-visible{outline-offset:8px;outline:2px solid #fff}.timer-ring{fill:none;stroke-width:20px;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.timer-ring-track{stroke:#ffffff3b}.timer-ring-progress{stroke:#fff;stroke-linecap:round}.timer-stage[data-running=true] .timer-ring-progress{transition:stroke-dashoffset .25s linear}.timer-digits{font-size:calc(var(--timer-dial-size) * .26);font-variant-numeric:tabular-nums;letter-spacing:-.025em;-webkit-text-stroke:.012em currentColor;paint-order:stroke fill;filter:drop-shadow(0 5px 7px #64121c24);white-space:nowrap;font-weight:700;line-height:1;position:relative}.timer-loading-digits{height:calc(var(--timer-dial-size) * .23);width:calc(var(--timer-dial-size) * .62)}.timer-workspace[data-timer-style=plain] .timer-stage{--timer-spacing:clamp(8px, 3dvh, 32px)}.timer-workspace[data-timer-style=plain] .timer-display{border-radius:12px;width:auto;height:auto}.timer-workspace[data-timer-style=plain] .timer-digits{font-size:clamp(3rem,min(20vw,20dvh),8rem)}.timer-actions{padding-top:var(--timer-spacing);flex-direction:column;align-self:start;align-items:center;display:flex}.timer-action-row{align-items:stretch;gap:var(--timer-action-gap);display:flex}.timer-action-row>[data-tour=start]{display:flex}.timer-controls{gap:var(--timer-action-gap);z-index:10;display:flex}.timer-start-pause,.timer-reset{height:var(--timer-control-height);border-radius:15px;justify-content:center;align-items:center;transition:background-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.timer-start-pause{width:168px;color:var(--timer-start-ink,var(--timer-accent));background:#fff;gap:14px;font-size:24px;font-weight:600;box-shadow:0 6px 15px #00000014}.timer-start-pause:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000024}.timer-start-pause:active,.timer-reset:active{transform:scale(.97)}.timer-start-pause svg{width:26px;height:26px}.timer-reset{width:var(--timer-control-height);color:#fff}.timer-reset svg{width:32px;height:32px}.timer-tools{align-items:stretch;display:flex}.timer-tools .timer-tools-trigger,.timer-menu-placeholder{width:104px;min-height:var(--timer-control-height);border-radius:15px}.timer-tools .timer-tools-trigger{flex-direction:row;gap:10px;padding:10px;font-size:16px;font-weight:600}.timer-tools-trigger svg{width:20px;height:20px}.timer-loading-controls{gap:var(--timer-action-gap);display:flex}.timer-loading-mode{width:var(--timer-mode-width);height:52px}.timer-loading-start{width:168px;height:var(--timer-control-height)}.timer-loading-reset{width:var(--timer-control-height);height:var(--timer-control-height)}@media (max-width:639px){.timer-workspace{--timer-control-height:56px;--timer-action-gap:12px}.timer-start-pause,.timer-loading-start{width:144px}.timer-start-pause{gap:10px;font-size:22px}.timer-tools .timer-tools-trigger,.timer-menu-placeholder{width:96px}.timer-mode{min-height:38px;font-size:15px}.timer-loading-mode{height:50px}}@media (max-width:899.98px) and (max-height:800px){.timer-workspace{--timer-dial-size:min(70vw, 32dvh)}.timer-stage{--timer-spacing:24px}}@media (max-width:359px),(max-height:540px){.timer-workspace{--timer-control-height:48px;--timer-action-gap:10px;--timer-dial-size:min(70vw, 32dvh)}.timer-stage{--timer-spacing:12px}.timer-mode{min-height:34px;font-size:13px}.timer-loading-mode{height:46px}.timer-start-pause,.timer-loading-start{width:126px}.timer-start-pause{font-size:20px}.timer-start-pause svg,.timer-reset svg{width:24px;height:24px}.timer-tools .timer-tools-trigger,.timer-menu-placeholder{width:88px}}.timer-workspace:has(.timer-stage[data-running=true]) .timer-wordmark{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.timer-wordmark,.timer-mode-surface,.timer-controls,.timer-ring-progress,.timer-mode,.timer-start-pause,.timer-reset{transition:none}.timer-start-pause:hover,.timer-start-pause:active,.timer-reset:active{transform:none}}