@layer base,components,variants;@layer variants{.modern-display{background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a;padding:2rem 2.5rem;position:relative;overflow:hidden;container-type:inline-size;opacity:var(--tk-face-opacity, 1);color:var(--tk-face-text, var(--tk-text))}.modern-display:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.modern-digits{display:flex;align-items:center;justify-content:center;gap:.35rem}.modern-digits>.modern-digit,.modern-digits>.modern-colon{flex:0 0 auto}.modern-digit{width:48px;height:80px;padding:2px;box-sizing:content-box}.modern-digit svg{width:100%;height:100%;display:block}@container (min-width: 480px){.modern-digit{width:64px;height:106px;padding:3px;box-sizing:content-box}}@container (min-width: 640px){.modern-digit{width:80px;height:133px;padding:4px;box-sizing:content-box}}.modern-seg{fill:#ffffff0a;transition:fill .12s ease,filter .12s ease}.modern-seg--on{fill:var(--tk-accent, #00d4ff)}.modern-display--no-ghost .modern-seg:not(.modern-seg--on){fill:transparent}.modern-display--glow .modern-seg--on{filter:drop-shadow(0 0 calc(var(--tk-modern-glow-strength, .9) * 4px) color-mix(in srgb,var(--tk-accent, #00d4ff) 55%,transparent)) drop-shadow(0 0 calc(var(--tk-modern-glow-strength, .9) * 12px) color-mix(in srgb,var(--tk-accent, #00d4ff) 25%,transparent))}.modern-display--glow .modern-colon-dot{box-shadow:0 0 calc(var(--tk-modern-glow-strength, .9) * 6px) color-mix(in srgb,var(--tk-accent, #00d4ff) 50%,transparent),0 0 calc(var(--tk-modern-glow-strength, .9) * 14px) color-mix(in srgb,var(--tk-accent, #00d4ff) 25%,transparent)}.modern-display--no-glow .modern-seg--on{filter:none}.modern-display--no-glow .modern-colon-dot{box-shadow:none}.modern-display--thin .modern-seg{stroke:var(--tk-face-bg, #0a0a0f);stroke-width:1.5}.modern-display--thick .modern-seg{transform-origin:center}.modern-display--thick .modern-digit svg{transform:scale(1.04)}.modern-colon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:18px;padding:0 .15rem}@container (min-width: 480px){.modern-colon{gap:22px;width:24px}}.modern-colon-dot{width:8px;height:8px;border-radius:2px;background:var(--tk-accent, #00d4ff)}@container (min-width: 480px){.modern-colon-dot{width:10px;height:10px}}.modern-colon--blink .modern-colon-dot{animation:modern-blink 1s steps(1) infinite}@keyframes modern-blink{0%,to{opacity:1}50%{opacity:0}}.modern-colon--dot{gap:0;justify-content:flex-end;width:10px;padding:0}.modern-colon-dot--small{width:6px;height:6px}@container (min-width: 480px){.modern-colon-dot--small{width:8px;height:8px}}[data-fullscreen] .modern-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}[data-fullscreen] .modern-digit{height:clamp(86px,25vh,320px);width:calc(clamp(86px,25vh,320px)*.603)}.modern-timer__ms-group{display:flex;align-items:flex-end;gap:.25rem;opacity:.75;align-self:flex-end;padding-bottom:.3rem}.modern-timer__ms-group .modern-digit{width:28px;height:46px}@container (min-width: 480px){.modern-timer__ms-group .modern-digit{width:38px;height:63px}}@container (min-width: 640px){.modern-timer__ms-group .modern-digit{width:48px;height:79px}}.modern-display--complete{animation:modern-flash .6s ease-in-out 3}@keyframes modern-flash{0%,to{opacity:1}50%{opacity:.3}}}