*{box-sizing:border-box}body{margin:0;background:#fdf9f4;color:#2d2f34;font:15px system-ui,sans-serif}body[data-theme=dark]{background:#292d34;color:#fff}.clock{height:100vh;min-height:190px;display:flex;flex-direction:column;padding:22px 25px;gap:8px}.overline{font-weight:700;letter-spacing:.12em;font-size:11px;opacity:.7;margin:0}.clock strong{font-size:clamp(26px,5vw,43px);font-variant-numeric:tabular-nums;line-height:1.18;white-space:nowrap}.clock-zone{opacity:.75;font-size:12px;overflow-wrap:anywhere}.clock #clock-date{opacity:.8}.clock a{margin-top:auto;font-size:11px;color:inherit;text-decoration:underline;text-underline-offset:3px}@media(max-width:320px){.clock{padding:15px}.clock strong{font-size:24px}}