@layer base,components,variants;@layer variants{.moon-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;filter:opacity(var(--tk-face-opacity, 1))}.moon-svg{width:auto;height:100%;max-height:300px;aspect-ratio:1 / 1;overflow:visible}.moon-shadow{transition:none;will-change:d}.moon-glow{will-change:opacity}.moon-star{animation:moon-twinkle var(--twk, 2.4s) ease-in-out var(--twd, 0s) infinite;transform-box:fill-box;transform-origin:center}.moon-star--static{animation:none}@keyframes moon-twinkle{0%,to{opacity:inherit}50%{opacity:.15;transform:scale(.7)}}.moon-readout-bg{fill:#060a16b8;stroke:#cfe4ff2e;stroke-width:1}.moon-readout-text{font-family:var(--tk-font-mono, "DM Mono", "SF Mono", monospace);font-weight:600;font-size:20px;letter-spacing:.06em;fill:#f2f5ff}.moon-wrap--complete .moon-glow{animation:moon-eclipse-pulse 1.8s ease-in-out infinite}@keyframes moon-eclipse-pulse{0%,to{opacity:.25}50%{opacity:.7}}@media(prefers-reduced-motion:reduce){.moon-star,.moon-wrap--complete .moon-glow{animation:none}}[data-fullscreen] .moon-svg{max-height:min(78vh,calc(100dvh - 15rem))}[data-fullscreen] .moon-readout-text{font-size:24px}@media(max-width:768px){[data-mobile-focus] .moon-svg{width:min(82vw,320px,calc(var(--tk-mobile-focus-bar-top, 50dvh) - var(--tk-mobile-focus-top-strip, 40px) - 1rem));height:auto;max-height:none}}@media(max-width:480px){.moon-svg{width:min(86vw,340px);height:auto;max-height:none}}}