.ud-timer [hidden]{display:none!important}.ud-timer{display:flex;flex-direction:column;gap:20px;padding:20px 16px;text-align:center;background:var(--ud-surface);border:1px solid var(--ud-border);border-radius:var(--ud-r-xl);box-shadow:var(--ud-shadow-2);position:relative;overflow:hidden}.ud-timer::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--ud-brand-blue),var(--ud-brand-violet))}@media (min-width:48em){.ud-timer{padding:28px 32px;gap:24px}}.ud-timer__set{display:flex;flex-direction:column;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--ud-border);text-align:left}.ud-main .ud-timer__seth{margin:0;font-size:1.15rem;font-weight:700}.ud-timer__hms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.ud-timer__hms .ud-field{min-width:0}.ud-timer__hms .ud-input{text-align:center;font-size:1.15rem;font-weight:700;padding:0 8px}.ud-timer__setbtn{grid-column:1 / -1}@media (min-width:36em){.ud-timer__hms{grid-template-columns:repeat(3,minmax(0,7rem)) auto}.ud-timer__setbtn{grid-column:auto}}.ud-timer__presets{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:4px 0 0;padding:0}.ud-timer__chip{min-height:44px;font-variant-numeric:tabular-nums}.ud-timer__chip[disabled]{opacity:.6;cursor:not-allowed}.ud-timer__own{margin:0}.ud-timer__own a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.ud-timer__face{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 0;border-radius:var(--ud-r-lg);container-type:inline-size}.ud-timer__status{margin:0;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ud-muted)}.ud-timer__digits{font-size:clamp(3.5rem, 1.5rem + 14vw, 8.5rem);font-size:clamp(3.5rem, 26cqi, 9rem);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;color:var(--ud-ink);white-space:nowrap}.ud-timer.is-long .ud-timer__digits{font-size:clamp(2.75rem, 1rem + 10vw, 7rem);font-size:clamp(2.75rem, 18cqi, 7.5rem)}.ud-timer__bar{width:min(100%, 36rem);height:8px;border-radius:999px;background:var(--ud-surface-2);border:1px solid var(--ud-border);overflow:hidden}.ud-timer__bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--ud-brand-blue),var(--ud-accent));transform-origin:left center;will-change:transform}.ud-timer__ends{margin:0;font-size:1rem;color:var(--ud-ink-2);font-variant-numeric:tabular-nums}.ud-timer.is-running .ud-timer__status{color:var(--ud-accent)}.ud-timer.is-paused .ud-timer__digits{color:var(--ud-ink-2)}.ud-timer.is-paused .ud-timer__status{color:var(--ud-warning-text)}.ud-timer.is-done .ud-timer__face{background:var(--ud-warning-bg);box-shadow:0 0 0 3px var(--ud-danger);padding:16px 12px}.ud-timer.is-done .ud-timer__status,.ud-timer.is-done .ud-timer__digits{color:var(--ud-danger)}.ud-timer.is-done .ud-timer__ends{color:var(--ud-warning-text)}.ud-timer.is-ringing .ud-timer__face{animation:ud-timer-pulse 2s ease-in-out infinite}@keyframes ud-timer-pulse{50%{box-shadow:0 0 0 8px rgb(192 38 45 / .28)}}@media (prefers-reduced-motion:reduce){.ud-timer.is-ringing .ud-timer__face{animation:none}}.ud-timer__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ud-timer__controls .ud-btn{flex:1 1 0%;min-width:0;padding:0 12px;white-space:nowrap}.ud-timer__controls .ud-btn--ghost{min-height:48px;font-size:.9375rem}.ud-timer__main{flex:1 1 100%!important;min-height:56px;font-size:1.125rem}@media (min-width:36em){.ud-timer__controls .ud-btn{flex:0 1 auto;padding:0 18px}.ud-timer__main{flex:0 1 auto!important;min-width:11rem}}.ud-timer.is-ringing .ud-timer__main{background:var(--ud-danger)}.ud-timer.is-ringing .ud-timer__main:hover{background:#a11f25}.ud-timer__opts{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:10px 12px;padding-top:18px;border-top:1px solid var(--ud-border);text-align:left}.ud-timer__sound{flex:1 1 12rem;max-width:20rem}.ud-timer__test{flex:0 0 auto;min-height:48px}.ud-timer__repeat{flex:1 1 100%;justify-content:center;font-size:1rem}.ud-timer__nosound,.ud-timer__nojs{margin:0;color:var(--ud-ink-2)}.ud-timer__nojs{padding:12px 14px;border-radius:var(--ud-r-md);background:var(--ud-warning-bg);color:var(--ud-warning-text);font-weight:600}.ud-timer__keys{margin:-6px 0 0;font-size:.875rem;color:var(--ud-muted)}.ud-timer__keys kbd{display:inline-block;min-width:1.6em;padding:1px 6px;border:1px solid var(--ud-border-strong);border-bottom-width:2px;border-radius:5px;background:var(--ud-surface);color:var(--ud-ink);font:600 .8125rem/1.4 var(--ud-font)}.ud-timer:fullscreen{width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;justify-content:center;padding:24px;gap:4vh}.ud-timer:-webkit-full-screen{width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;justify-content:center;padding:24px;gap:4vh}.ud-timer::backdrop{background:var(--ud-surface)}.ud-timer.is-fs .ud-timer__set,.ud-timer.is-fs .ud-timer__opts,.ud-timer.is-fs .ud-timer__keys{display:none}.ud-timer.is-fs .ud-timer__digits{font-size:min(26vw, 48vh)}.ud-timer.is-fs.is-long .ud-timer__digits{font-size:min(17vw, 40vh)}.ud-timer.is-fs .ud-timer__bar{width:min(90vw, 60rem);height:12px}.ud-timer.is-fs .ud-timer__status{font-size:1rem}.ud-timer.is-fs .ud-timer__ends{font-size:1.15rem}.ud-timer.is-fs .ud-timer__controls{max-width:48rem;margin:0 auto;width:100%}.ud-timer.is-fs.is-done .ud-timer__face{padding:3vh 4vw}.ud-timer-groups>h2{margin-bottom:6px}.ud-timer-groups__intro{margin:0 0 16px;color:var(--ud-ink-2);max-width:40rem}.ud-timer-groups .ud-pillgroup+.ud-pillgroup{margin-top:18px}@media (pointer:coarse){.ud-timer__keys{display:none}}@media print{.ud-timer__controls,.ud-timer__opts,.ud-timer__set,.ud-timer__keys{display:none!important}}