.clock-site{background:var(--color-ground);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);flex-direction:column;font-size:16px;line-height:1.5;display:flex}.clock-site a{color:var(--color-text)}.clock-site a:hover{color:var(--color-amber)}.clock-site :focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.clock-top{border-bottom:1px solid var(--color-rule);flex:none;align-items:center;gap:14px;min-height:52px;padding:0 16px;display:flex}.clock-site .clock-brand{min-height:44px;color:var(--color-text);font:600 16px / 1 var(--font-mono);letter-spacing:.22em;flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.clock-rule{background:var(--color-rule);flex:none;width:1px;height:24px}.clock-name{align-items:center;gap:10px;min-width:0;display:flex}.clock-name h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:600 22px / 1.2 var(--font-display);letter-spacing:.02em;margin:0;overflow:hidden}.clock-kind{white-space:nowrap;font:16px / 1 var(--font-mono);letter-spacing:.14em;color:var(--color-blue)}.clock-right{font:16px / 1 var(--font-mono);letter-spacing:.12em;flex:none;align-items:center;gap:14px;margin-left:auto;display:flex}.clock-utc{color:var(--color-blue);white-space:nowrap}.clock-utc-time{min-width:8ch;color:var(--color-text);font-variant-numeric:tabular-nums;display:inline-block}.clock-site .clock-desk{border:1px solid var(--color-rule);min-height:32px;color:var(--color-muted);white-space:nowrap;border-radius:3px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.clock-site .clock-desk:hover{border-color:var(--color-muted);color:var(--color-text)}.clock-top :is(.clock-brand-word,.clock-name h1,.clock-kind,.clock-utc){text-box:trim-both cap alphabetic}.clock-top .clock-name h1{padding-block:6px}.clock-grid{background:var(--color-rule);flex:1 0 auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(max-content,1fr);gap:1px;display:grid}.clock-cell{background:var(--color-ground);flex-direction:column;justify-content:center;gap:12px;min-width:0;padding:36px 32px;display:flex}.clock-head{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.clock-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:500 16px / 1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-blue);margin:0;overflow:hidden}.clock-rate{white-space:nowrap;font:16px / 1 var(--font-mono);letter-spacing:.12em;color:var(--color-amber);flex:none;align-items:center;gap:7px;display:inline-flex}.clock-rate-dot{background:var(--color-amber);border-radius:50%;flex:none;width:6px;height:6px;animation:1.6s ease-in-out infinite clock-blink}@keyframes clock-blink{0%,to{opacity:1}50%{opacity:.25}}.clock-figure{white-space:nowrap;font:500 64px / 1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--color-text);align-items:baseline;margin:0;display:flex}.clock-unit{color:var(--color-muted)}.clock-source{font:16px / 1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:0}.clock-site .clock-source a{color:var(--color-blue);text-decoration:none}.clock-site .clock-source a:hover{color:var(--color-amber)}.clock-down{white-space:nowrap;font:500 32px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);align-items:center;gap:10px;margin:0;display:flex}.clock-down-dot{background:var(--color-alert);border-radius:50%;flex:none;width:8px;height:8px}.clock-foot{border-top:1px solid var(--color-rule);font:16px / 1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);flex-wrap:wrap;flex:none;justify-content:space-between;gap:8px 24px;padding:12px 16px;display:flex}@media (min-width:801px){.clock-site:not(.clock-embed) .clock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:801px) and (max-width:1619px){.clock-figure{font-size:56px}}@media (min-width:801px) and (max-width:1429px){.clock-figure{font-size:48px}}@media (min-width:801px) and (max-width:1249px){.clock-figure{font-size:40px}}@media (min-width:801px) and (max-width:1059px){.clock-figure{font-size:28px}}@media (max-width:800px){.clock-site:not(.clock-embed) .clock-head{flex-wrap:wrap;row-gap:4px}.clock-site:not(.clock-embed) .clock-label{white-space:normal}.clock-brand-word,.clock-kind,.clock-utc{display:none}.clock-site .clock-desk{min-height:44px}.clock-cell{padding:20px 16px}.clock-figure{letter-spacing:0;font-size:34px}.clock-down{font-size:22px}.clock-foot{flex-direction:column}}@media (max-width:424px){.clock-figure{font-size:28px}}.clock-site.clock-embed{height:100dvh;min-height:0;padding-bottom:38px;overflow:hidden}.clock-embed .clock-grid{flex:auto;grid-auto-rows:minmax(0,1fr);min-height:0}.clock-embed .clock-cell{gap:2px;padding:1px 12px}.clock-embed .clock-label{font-size:16px;line-height:1.1}.clock-embed .clock-rate{gap:5px;font-size:16px}.clock-embed .clock-rate-dot{order:1;width:5px;height:5px}.clock-embed .clock-figure{font-size:20px;line-height:1}.clock-embed .clock-down{font-size:16px}.clock-embed .clock-source{font-size:16px;line-height:1.1}@media (max-height:240px){.clock-embed .clock-cell{gap:1px;padding:1px 12px}.clock-embed .clock-figure{font-size:18px}.clock-embed :is(.clock-label,.clock-source){line-height:1.1}}.clock-scope{--scope:#5b616a;background:radial-gradient(circle, transparent 0 3px, color-mix(in srgb, var(--scope) 70%, transparent) 3px 4px, transparent 4px 6.5px, color-mix(in srgb, var(--scope) 55%, transparent) 6.5px 7.5px, transparent 7.5px), linear-gradient(color-mix(in srgb, var(--scope) 35%, transparent), color-mix(in srgb, var(--scope) 35%, transparent)) center / 1px 100% no-repeat, linear-gradient(color-mix(in srgb, var(--scope) 35%, transparent), color-mix(in srgb, var(--scope) 35%, transparent)) center / 100% 1px no-repeat;border-radius:50%;flex:none;width:20px;height:20px;display:inline-block;position:relative;overflow:hidden}.clock-scope:after{content:"";border:1.5px solid var(--scope);border-radius:50%;position:absolute;inset:0}.clock-scope-sweep{background:conic-gradient(from 0deg, transparent 0deg 270deg, color-mix(in srgb, var(--color-amber) 60%, transparent) 360deg);border-radius:50%;animation:3s linear infinite clock-sweep;position:absolute;inset:0}.clock-scope-blip{background:var(--color-amber);width:3px;height:3px;box-shadow:0 0 5px 1px var(--color-amber);opacity:0;border-radius:50%;animation:12s linear infinite backwards clock-blip;position:absolute}.clock-scope-blip.b0{animation-delay:.333s;top:3.9px;left:12.4px}.clock-scope-blip.b1{animation-delay:4.25s;top:12px;left:10.5px}.clock-scope-blip.b2{animation-delay:7.958s;top:12.5px;left:2.8px}.clock-scope-blip.b3{animation-delay:11.667s;top:4.7px;left:5.3px}@keyframes clock-blip{0%{opacity:0}.5%{opacity:1}5%{opacity:1}24%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.clock-scope-sweep,.clock-scope-blip{animation:none}.clock-scope-blip.b0{opacity:1}.clock-rate-dot{animation:none}}@keyframes clock-sweep{to{transform:rotate(360deg)}}