@layer base,components,variants;@layer variants{.pom-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.pom-svg{width:auto;height:100%;max-height:300px;aspect-ratio:300 / 320;filter:drop-shadow(0 6px 20px rgba(0,0,0,.15));overflow:visible}[data-theme=dark] .pom-svg{filter:drop-shadow(0 6px 24px rgba(0,0,0,.5))}.pom-bell--ringing{animation:pom-ring .08s ease-in-out 25 alternate;transform-box:fill-box;transform-origin:center bottom}@keyframes pom-ring{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.pom-wrap--complete .pom-svg{animation:pom-wobble .15s ease-in-out 8 alternate}@keyframes pom-wobble{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}.pom-tick{vector-effect:non-scaling-stroke;will-change:opacity}.pom-numeral{font-family:var(--tk-font-sans, "DM Sans", sans-serif);font-weight:700;font-size:22px;user-select:none;pointer-events:none;paint-order:stroke fill;stroke:#780a0a38;stroke-width:.42;letter-spacing:-.01em;will-change:transform,opacity}.pom-readout-text{font-family:var(--tk-font-mono, "DM Mono", "SF Mono", monospace);font-weight:600;letter-spacing:.05em}[data-fullscreen] .pom-svg{max-height:80vh}[data-fullscreen] .pom-readout-text{font-size:20px}[data-fullscreen] .pom-numeral{stroke-width:.3}@media(max-width:768px){[data-mobile-focus] .pom-svg{width:min(75vw,280px);height:auto;max-height:none}}@media(max-width:480px){.pom-svg{width:min(80vw,300px);height:auto;max-height:none}}}