body{scroll-behavior:smooth}
.clockBox{overflow:visible;padding:34px 20px 24px;min-height:300px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.62));}
.clockBox svg,.clockSvg{overflow:visible;display:block;max-width:320px;}
.purpleFill{stroke:white;stroke-width:2.5;}
.clockGrid{align-items:stretch;gap:26px;}
.metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));}
.liveRestMetric{border:1px solid rgba(52,199,89,.18);background:linear-gradient(135deg,rgba(52,199,89,.08),rgba(255,255,255,.55));}
.liveRestMetric.active strong{color:var(--green);font-size:26px;}
@media(max-width:900px){.clockBox{min-height:280px;padding-top:30px}.clockBox svg{max-width:300px}}