@layer variants{.digital-display{background:#111;border-radius:var(--tk-radius-lg);box-shadow:inset 0 2px 8px #0006;padding:2rem 2.5rem;position:relative;overflow:hidden;container-type:inline-size}.digital-display:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}.digital-digits{display:flex;align-items:center;justify-content:center;gap:.5rem}.digit{position:relative;width:48px;height:80px}@container (min-width: 480px){.digit{width:64px;height:108px}}@container (min-width: 640px){.digit{width:80px;height:136px}}.seg{position:absolute;border-radius:4px;background:#ffffff0f;transition:background .15s ease,box-shadow .15s ease}.seg[data-active]{background:var(--tk-accent);box-shadow:0 0 8px var(--tk-accent-glow)}.seg-h{width:60%;height:8%;left:20%}.seg-a{top:2%}.seg-g{top:46%}.seg-d{bottom:2%}.seg-v{width:10%;height:40%}.seg-f{top:8%;left:6%}.seg-b{top:8%;right:6%}.seg-e{bottom:8%;left:6%}.seg-c{bottom:8%;right:6%}.colon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:20px;padding:0 .25rem}@container (min-width: 480px){.colon{gap:24px;width:28px}}.colon-dot{width:8px;height:8px;border-radius:50%;background:var(--tk-accent);box-shadow:0 0 6px var(--tk-accent-glow)}@container (min-width: 480px){.colon-dot{width:10px;height:10px}}.colon--blink .colon-dot{animation:blink 1s steps(1) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}[data-fullscreen] .digital-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0}.digital-display--complete{animation:flash .6s ease-in-out 3}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}}@layer variants{.ios-timer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:340px;margin:0 auto}.ios-ring-container{position:relative;width:260px;height:260px}.ios-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ios-ring-track{fill:none;stroke:var(--tk-border);stroke-width:6}[data-theme=dark] .ios-ring-track{stroke:#3a3633}.ios-ring-fill{fill:none;stroke:var(--tk-accent);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.ios-ring-readout{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--tk-font-mono);font-size:2.5rem;font-weight:400;color:var(--tk-text);letter-spacing:-.02em}.ios-picker{display:flex;align-items:center;justify-content:center;gap:.25rem;height:200px;perspective:300px}.ios-picker-column{position:relative;width:60px;height:200px;overflow-y:scroll;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none}.ios-picker-column::-webkit-scrollbar{display:none}.ios-picker-item{height:40px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-family:var(--tk-font-sans);font-size:1.25rem;color:var(--tk-text-muted);transition:color .15s ease,transform .15s ease}.ios-picker-item--selected{color:var(--tk-text);font-weight:600}.ios-picker-label{font-size:.875rem;font-weight:500;color:var(--tk-text-secondary);padding:0 .25rem;align-self:center}.ios-picker-highlight{position:absolute;top:50%;left:0;right:0;height:40px;margin-top:-20px;border-top:1px solid var(--tk-border);border-bottom:1px solid var(--tk-border);pointer-events:none;z-index:1}[data-fullscreen] .ios-timer{max-width:none}[data-fullscreen] .ios-ring-container{width:min(80vw,55vh);height:min(80vw,55vh)}[data-fullscreen] .ios-ring-readout{font-size:clamp(2.5rem,8vw,5rem)}[data-fullscreen] .ios-picker{height:auto}.ios-timer--complete .ios-ring-fill{stroke:var(--tk-success)}.ios-timer--complete .ios-ring-readout{animation:ios-flash .6s ease-in-out 3}@keyframes ios-flash{0%,to{opacity:1}50%{opacity:.3}}}@layer variants{.sand-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;user-select:none}.sand-timer__canvas-wrap{position:relative;width:180px;height:300px}.sand-timer__canvas-wrap canvas{display:block;width:100%;height:100%}.sand-timer__canvas-wrap:before{content:"";position:absolute;inset:10% 15%;background:radial-gradient(ellipse at 50% 50%,var(--tk-accent-glow) 0%,transparent 70%);filter:blur(20px);z-index:-1;opacity:.6;transition:opacity .6s var(--tk-ease)}.sand-timer--complete .sand-timer__canvas-wrap:before{opacity:0}[data-fullscreen] .sand-timer{width:100%;height:100%;justify-content:center}[data-fullscreen] .sand-timer__canvas-wrap{width:min(50vw,35vh);height:min(85vw,60vh)}.sand-timer--complete .sand-timer__canvas-wrap{animation:sand-complete-pulse 1.5s ease-in-out 3}@keyframes sand-complete-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}}