:root{--color-bg:#fafaf9;--color-ink:#14161b;--color-ink-muted:#4a4f5c;--color-line:#d8dae0;--color-accent:#b84a0c;--color-locked:#1f6b43;--color-drifting:#8a5a00;--color-offline:#a8281d;--font-clock:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--color-bg:#0c0d10;--color-ink:#f2f3f5;--color-ink-muted:#b4b8c2;--color-line:#2a2d35;--color-accent:#ff8a3d;--color-locked:#5fd694;--color-drifting:#f0b429;--color-offline:#ff7b6e}}*{box-sizing:border-box}body{background:var(--color-bg);min-height:100vh;color:var(--color-ink);font-family:var(--font-clock);flex-direction:column;margin:0;display:flex}a{color:inherit}.site-header,.site-footer{align-items:center;gap:1.25rem;padding:1rem 1.25rem;font-size:.9375rem;display:flex}.site-header .brand{margin-inline-end:auto;font-weight:700;text-decoration:none}.site-header nav{gap:1rem;display:flex}.site-footer{color:var(--color-ink-muted);border-top:1px solid var(--color-line);font-size:.8125rem}main{flex:1;width:min(100% - 2.5rem,64rem);margin-inline:auto;padding-block:2rem}h1{color:var(--color-ink-muted);text-align:center;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.hero{padding-block:2rem}.world{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;margin-top:3rem;padding:0;list-style:none;display:grid}.world a{border:1px solid var(--color-line);border-radius:.75rem;padding:.75rem 1rem;text-decoration:none;display:block}.world .city{color:var(--color-ink-muted);font-size:.875rem}.world tz-clock{text-align:start}.world .tzc-time{font-size:1.75rem}.world .tzc-date,.world .tzc-pill{display:none}.facts{border-collapse:collapse;width:100%;max-width:32rem;margin:2.5rem auto 0;font-size:.9375rem}.facts th,.facts td{text-align:start;border-top:1px solid var(--color-line);padding:.5rem 0}.facts th{color:var(--color-ink-muted);font-weight:500}.all-cities{columns:12rem;margin-top:2rem;padding:0;font-size:.9375rem;line-height:1.9;list-style:none}.back{text-align:center;margin-top:2rem}tz-clock{text-align:center;color:var(--color-ink,#1a1d24);font-variant-numeric:tabular-nums;display:block}.tzc-time{font-family:var(--font-clock,system-ui, sans-serif);letter-spacing:-.02em;font-size:clamp(3rem,14vw,22rem);font-weight:600;line-height:1}.tzc-ss{color:var(--color-accent,#d9631e);font-size:.5em}.tzc-ap{color:var(--color-ink-muted,#5b6170);margin-inline-start:.25em;font-size:.3em}.tzc-date{color:var(--color-ink-muted,#5b6170);margin-top:.75rem;font-size:1rem}.tzc-pill{color:var(--color-ink-muted,#5b6170);border:1px solid;border-radius:999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.35rem .9rem;font-size:.8125rem;display:inline-flex}.tzc-pill [data-pill-text]{color:var(--color-ink,#1a1d24)}.tzc-dot{background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.tzc-pill[data-state=locked]{color:var(--color-locked,#2f8f5b)}.tzc-pill[data-state=drifting]{color:var(--color-drifting,#c98a12)}.tzc-pill[data-state=drifting] .tzc-dot{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:1px solid}.tzc-pill[data-state=offline]{color:var(--color-offline,#c4362a)}.tzc-pill[data-state=offline] .tzc-dot{background:0 0;border:1.5px solid}@media (prefers-reduced-motion:no-preference){.tzc-pill[data-state=syncing] .tzc-dot{animation:1s ease-in-out infinite tzc-pulse}}@keyframes tzc-pulse{50%{opacity:.3}}