@layer variants{.chrono-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}.chrono-svg{width:100%;max-width:300px;height:auto;aspect-ratio:1;filter:drop-shadow(0 8px 24px rgba(0,0,0,.1))}[data-theme=dark] .chrono-svg{filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.chrono-bezel-ring{fill:var(--tk-surface);stroke:var(--tk-border);stroke-width:4}[data-theme=dark] .chrono-bezel-ring{stroke:#3a3633;fill:#1c1917}.chrono-bezel-shadow{fill:none;stroke:var(--tk-border-subtle);stroke-width:1}[data-theme=dark] .chrono-bezel-shadow{stroke:#292524}.chrono-tick-minor{stroke:var(--tk-text-muted);stroke-width:1;stroke-linecap:round}.chrono-tick-major{stroke:var(--tk-text);stroke-width:2;stroke-linecap:round}.chrono-numeral{font-family:var(--tk-font-sans);font-size:13px;font-weight:600;fill:var(--tk-text);text-anchor:middle;dominant-baseline:central;user-select:none;pointer-events:none}[data-theme=dark] .chrono-numeral{filter:drop-shadow(0 0 4px rgba(100,200,100,.25))}.chrono-progress-track{fill:none;stroke:var(--tk-border-subtle);stroke-width:3}[data-theme=dark] .chrono-progress-track{stroke:#292524}.chrono-progress-fill{fill:none;stroke:var(--tk-accent);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--tk-accent-glow));transition:stroke-dashoffset .3s linear}.chrono-hand-group{transform-origin:150px 150px;transition:transform .3s linear}.chrono-hand-needle{stroke:var(--tk-accent);stroke-width:1.5;stroke-linecap:round}[data-theme=dark] .chrono-hand-needle{filter:drop-shadow(0 0 3px var(--tk-accent-glow))}.chrono-hand-tail{stroke:var(--tk-accent);stroke-width:2;stroke-linecap:round}[data-theme=dark] .chrono-center-outer{fill:#555}.chrono-center-inner{fill:var(--tk-accent)}.chrono-wrap--complete .chrono-progress-fill,.chrono-wrap--complete .chrono-hand-needle,.chrono-wrap--complete .chrono-hand-tail{animation:chrono-pulse .8s ease-in-out 3}@keyframes chrono-pulse{0%,to{opacity:1}50%{opacity:.3}}[data-fullscreen] .chrono-wrap{width:100%;height:100%;justify-content:center}[data-fullscreen] .chrono-svg{max-width:min(80vw,60vh);width:100%;height:auto}@media(max-width:400px){.chrono-svg{max-width:260px}}}@layer variants{.flip-clock{display:flex;align-items:center;justify-content:center;gap:.5rem}.flip-group{display:flex;gap:.25rem}.flip-card{position:relative;width:56px;height:80px;perspective:400px;font-family:var(--tk-font-mono);font-size:2.5rem;font-weight:500;color:#fff}@media(min-width:480px){.flip-card{width:72px;height:104px;font-size:3.25rem}}.flip-card__top,.flip-card__bottom{position:absolute;left:0;right:0;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center}[data-theme=dark] .flip-card__top,[data-theme=dark] .flip-card__bottom{background:#111}.flip-card__top{top:0;height:50%;border-radius:6px 6px 0 0;border-bottom:1px solid rgba(0,0,0,.4);box-shadow:0 1px 2px #0003;align-items:flex-end;padding-bottom:0}.flip-card__top span{transform:translateY(50%)}.flip-card__bottom{bottom:0;height:50%;border-radius:0 0 6px 6px;box-shadow:0 2px 4px #0000004d;align-items:flex-start;padding-top:0}.flip-card__bottom span{transform:translateY(-50%)}.flip-card__flap{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center}[data-theme=dark] .flip-card__flap{background:#111}.flip-card__flap--front{top:0;border-radius:6px 6px 0 0;transform-origin:bottom center;border-bottom:1px solid rgba(0,0,0,.4);align-items:flex-end}.flip-card__flap--front span{transform:translateY(50%)}.flip-card__flap--back{bottom:0;border-radius:0 0 6px 6px;transform-origin:top center;transform:rotateX(180deg);align-items:flex-start}.flip-card__flap--back span{transform:translateY(-50%)}.flip-card--flipping .flip-card__flap--front{animation:flip-top .3s ease-in forwards}.flip-card--flipping .flip-card__flap--back{animation:flip-bottom .3s .15s ease-out forwards}@keyframes flip-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flip-bottom{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}.flip-colon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 .125rem}.flip-colon__dot{width:8px;height:8px;border-radius:50%;background:var(--tk-text-secondary)}[data-fullscreen] .flip-card{width:clamp(56px,10vw,120px);height:clamp(80px,15vw,180px);font-size:clamp(2.5rem,6vw,5.5rem)}[data-fullscreen] .flip-colon{gap:clamp(12px,2vw,24px)}[data-fullscreen] .flip-colon__dot{width:clamp(8px,1.2vw,14px);height:clamp(8px,1.2vw,14px)}.flip-clock--complete .flip-card__top,.flip-clock--complete .flip-card__bottom{animation:flip-flash .6s ease-in-out 3}@keyframes flip-flash{0%,to{opacity:1}50%{opacity:.4}}}