:root { --clock-size: 96px; --inset: 24px; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: transparent !important; }
body { color: #fff; font-family: "Segoe UI", Arial, sans-serif; user-select: none; }
.clock { position: absolute; top: var(--inset); right: var(--inset); display: flex; flex-direction: column; align-items: flex-end; width: max-content; pointer-events: none; }
#time { display: block; font-size: var(--clock-size); font-weight: 600; line-height: 1.04; letter-spacing: -0.025em; font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; text-shadow: 0 2px 5px rgba(0,0,0,.65); }
.caption { margin-top: calc(var(--clock-size) * .09); font-size: calc(var(--clock-size) * .13); font-weight: 600; letter-spacing: .16em; line-height: 1.4; white-space: nowrap; text-shadow: 0 1px 3px rgba(0,0,0,.8); }