#clockPicker{text-align:center}.clock-face{--progress:0%;position:relative;width:min(82vw,330px);aspect-ratio:1;border-radius:50%;margin:18px auto;touch-action:none;user-select:none;cursor:grab;background:conic-gradient(from 0deg,#d82e91 0 var(--progress),#526174 var(--progress) 100%);box-shadow:0 0 0 5px #26374b;outline-offset:8px}.clock-face:active{cursor:grabbing}.clock-face:before{content:"";position:absolute;inset:68px;border-radius:50%;background:#18283d}.clock-ticks{position:absolute;inset:0;pointer-events:none}.clock-tick{position:absolute;left:50%;top:50%;width:3px;height:18px;background:#e6eaf1;border-radius:2px;transform-origin:center;opacity:.85}.clock-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(23px,6vw,34px);font-weight:750;white-space:nowrap;pointer-events:none;color:white}.clock-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}#clockStatus{min-height:2em}.clock-label{position:absolute;transform:translate(-50%,-50%);color:#fff;font-size:clamp(13px,3.8vw,17px);font-weight:700;line-height:1;pointer-events:none;text-shadow:0 1px 3px #07101b}.clock-label[hidden]{display:none}.clock-tick{height:12px}