html:has(body.p-clock){background:#ffd9a8;transition:background 4s linear}body.p-clock{color:var(--sky-ink,#3a2a5c);overscroll-behavior:none;--stack-gap:.4rem;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:4.5rem 1rem 2rem;display:flex;overflow:hidden}body.p-clock #porbi{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:min(34vmin,190px);height:auto;display:block}body.p-clock #time{font:700 clamp(3rem, 18vmin, 8rem)/1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 3px #00000014}body.p-clock #time .sec{opacity:.5;vertical-align:super;letter-spacing:0;font-size:.36em}body.p-clock{--sky-ink:#3a2a5c}