@layer base,components,variants;@layer variants{.ios-timer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:340px;margin:0 auto;background:var(--tk-face-bg, var(--tk-bg, transparent))}.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:var(--tk-ring-width, 6px)}[data-theme=dark] .ios-ring-track{stroke:#3a3633}.ios-ring-fill{fill:none;stroke:var(--tk-accent, currentColor);stroke-width:var(--tk-ring-width, 6px);stroke-linecap:var(--tk-ring-cap, round);transition:stroke-dashoffset .25s linear;filter:drop-shadow(0 0 calc(8px * var(--tk-ios-glow, 0)) var(--tk-accent, currentColor))}.ios-ring-readout{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--tk-font-mono, monospace);font-size:2.5rem;font-weight:400;color:var(--tk-face-text, var(--tk-text, inherit));letter-spacing:-.02em}.ios-time-label{color:var(--tk-face-text, var(--tk-text, inherit));text-shadow:0 0 calc(12px * var(--tk-ios-glow, 0)) var(--tk-accent, currentColor)}.ios-ms{font-size:55%;vertical-align:baseline;opacity:.7}.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}}}