/* Shared liquid-clock styling: keep identical in overlay.css and styles.css. */
.liquid-clock{display:block;width:48px;height:48px;flex:0 0 48px;overflow:visible;--liquid-color:hsl(120 68% 50%)}
.liquid-clock-disc{fill:#08131e;stroke:#d7e9e5;stroke-width:3.5}
.liquid-wave{fill:var(--liquid-color);animation:liquid-wave-drift 4s linear infinite;animation-play-state:paused}
.liquid-wave-back{opacity:.45;animation-direction:reverse;animation-duration:5.5s;transform:translateY(-3px)}
.liquid-clock[data-running="true"] .liquid-wave{animation-play-state:running}
.liquid-clock[data-unknown="true"] .liquid-surface,.liquid-clock[data-empty="true"] .liquid-surface{visibility:hidden}
.liquid-clock[data-unknown="true"] .liquid-clock-disc{stroke:#8ba5b4}
.liquid-clock[data-full="true"] .liquid-wave{animation:none;transform:none}
.liquid-clock[data-full="true"] .liquid-wave-back{display:none}
.liquid-clock-marks{fill:none;stroke:#e2efeb;stroke-width:2;opacity:.7}
.liquid-minute,.liquid-second{stroke:#fff;stroke-linecap:round}
.liquid-minute{stroke-width:5}.liquid-second{stroke-width:2.5}
.liquid-clock-pin{fill:#fff}
@keyframes liquid-wave-drift{from{transform:translateX(0)}to{transform:translateX(-50px)}}
@media(prefers-reduced-motion:reduce){.liquid-wave{animation:none}}