:root,[data-theme=light]{color-scheme:light;--font-clock:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif;--color-bg:oklch(98.5% .001 106.4);--color-surface:oklch(100% 0 0);--color-surface-raised:oklch(100% 0 0);--color-surface-subtle:oklch(96.7% .003 264.5);--color-surface-hover:oklch(98.5% .002 247.8);--color-ink:oklch(21% .032 264.7);--color-ink-2:oklch(44.6% .026 256.8);--color-ink-muted:oklch(55.1% .023 264.4);--color-line:oklch(92% .006 264.5);--color-line-strong:oklch(87.2% .009 258.3);--color-accent:oklch(55.3% .174 38.4);--color-accent-hover:oklch(47% .143 37.3);--color-accent-soft:oklch(98% .016 73.7);--color-accent-line:oklch(83.7% .117 66.3);--color-seconds:oklch(64.6% .194 41.1);--color-locked:oklch(45% .12 155);--color-drifting:oklch(50% .12 80);--color-offline:oklch(50% .17 27)}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-bg:oklch(18.3% .031 263.4);--color-surface:oklch(27.8% .03 256.8);--color-surface-raised:oklch(32.3% .042 259.8);--color-surface-subtle:oklch(21% .032 264.7);--color-surface-hover:oklch(37.2% .039 257.3);--color-ink:oklch(98.5% .002 247.8);--color-ink-2:oklch(87.2% .009 258.3);--color-ink-muted:oklch(71.4% .019 261.3);--color-line:oklch(37.3% .031 259.7);--color-line-strong:oklch(44.6% .037 257.3);--color-accent:oklch(70.5% .187 47.6);--color-accent-hover:oklch(64.6% .194 41.1);--color-accent-soft:oklch(26.6% .076 36.3);--color-accent-line:oklch(70.5% .187 47.6);--color-seconds:oklch(70.5% .187 47.6);--color-locked:oklch(78% .15 155);--color-drifting:oklch(82% .14 85);--color-offline:oklch(72% .17 27)}}@media (prefers-contrast:more){:root:not([data-theme]){color-scheme:dark;--color-bg:oklch(0% 0 0);--color-surface:oklch(0% 0 0);--color-surface-raised:oklch(0% 0 0);--color-surface-subtle:oklch(0% 0 0);--color-surface-hover:oklch(22% 0 0);--color-ink:oklch(100% 0 0);--color-ink-2:oklch(96% 0 0);--color-ink-muted:oklch(92% 0 0);--color-line:oklch(75% 0 0);--color-line-strong:oklch(90% 0 0);--color-accent:oklch(86% .17 85);--color-accent-hover:oklch(92% .15 95);--color-accent-soft:oklch(0% 0 0);--color-accent-line:oklch(86% .17 85);--color-seconds:oklch(86% .17 85);--color-locked:oklch(86% .19 150);--color-drifting:oklch(90% .15 95);--color-offline:oklch(80% .18 27)}}[data-theme=night]{color-scheme:dark;--color-bg:oklch(18.3% .031 263.4);--color-surface:oklch(27.8% .03 256.8);--color-surface-raised:oklch(32.3% .042 259.8);--color-surface-subtle:oklch(21% .032 264.7);--color-surface-hover:oklch(37.2% .039 257.3);--color-ink:oklch(98.5% .002 247.8);--color-ink-2:oklch(87.2% .009 258.3);--color-ink-muted:oklch(71.4% .019 261.3);--color-line:oklch(37.3% .031 259.7);--color-line-strong:oklch(44.6% .037 257.3);--color-accent:oklch(70.5% .187 47.6);--color-accent-hover:oklch(64.6% .194 41.1);--color-accent-soft:oklch(26.6% .076 36.3);--color-accent-line:oklch(70.5% .187 47.6);--color-seconds:oklch(70.5% .187 47.6);--color-locked:oklch(78% .15 155);--color-drifting:oklch(82% .14 85);--color-offline:oklch(72% .17 27)}[data-theme=oled]{color-scheme:dark;--color-bg:oklch(0% 0 0);--color-surface:oklch(0% 0 0);--color-surface-raised:oklch(16% .004 260);--color-surface-subtle:oklch(0% 0 0);--color-surface-hover:oklch(20% .004 260);--color-ink:oklch(86% .005 260);--color-ink-2:oklch(78% .008 260);--color-ink-muted:oklch(72% .01 260);--color-line:oklch(26% .005 260);--color-line-strong:oklch(36% .005 260);--color-accent:oklch(70% .17 47);--color-accent-hover:oklch(64% .18 42);--color-accent-soft:oklch(18% .05 40);--color-accent-line:oklch(55% .15 45);--color-seconds:oklch(70% .17 47);--color-locked:oklch(74% .14 155);--color-drifting:oklch(78% .13 85);--color-offline:oklch(70% .16 27)}[data-theme=contrast]{color-scheme:dark;--color-bg:oklch(0% 0 0);--color-surface:oklch(0% 0 0);--color-surface-raised:oklch(0% 0 0);--color-surface-subtle:oklch(0% 0 0);--color-surface-hover:oklch(22% 0 0);--color-ink:oklch(100% 0 0);--color-ink-2:oklch(96% 0 0);--color-ink-muted:oklch(92% 0 0);--color-line:oklch(75% 0 0);--color-line-strong:oklch(90% 0 0);--color-accent:oklch(86% .17 85);--color-accent-hover:oklch(92% .15 95);--color-accent-soft:oklch(0% 0 0);--color-accent-line:oklch(86% .17 85);--color-seconds:oklch(86% .17 85);--color-locked:oklch(86% .19 150);--color-drifting:oklch(90% .15 95);--color-offline:oklch(80% .18 27)}*{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;overflow-x:clip}a{color:inherit}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}h2{margin:2.5rem 0 .75rem;font-size:1rem;font-weight:600}.tz-diff-line{text-align:center;min-height:1.5em;color:var(--color-ink-muted);margin:0}.caption{text-align:center;color:var(--color-ink-muted)}.changes,.related,.prose{max-width:40rem;margin-inline:auto}.changes ul{padding-left:1.25rem;line-height:1.8}.link-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.25rem 1rem;padding:0;line-height:1.9;list-style:none;display:grid}.zones-table small{color:var(--color-ink-muted)}.prose{line-height:1.7}@media print{.site-header,.site-footer,.fs-hint{display:none!important}}tz-clock{text-align:center;color:var(--color-ink);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-seconds,var(--color-accent));font-size:.5em}.tzc-ap{color:var(--color-ink-muted);margin-inline-start:.25em;font-size:.3em}.tzc-date{color:var(--color-ink-muted);margin-top:.75rem;font-size:1rem}.tzc-pill{color:var(--color-ink-muted);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)}.tzc-dot{background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.tzc-pill[data-state=locked]{color:var(--color-locked)}.tzc-pill[data-state=drifting]{color:var(--color-drifting)}.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)}.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}}.tzc-face{font-size:clamp(3rem,14vw,22rem);line-height:1}tz-clock[data-face] .tzc-time{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.face-pick{text-align:center;color:var(--color-ink-muted);margin:.5rem 0 0;font-size:.875rem}.face-pick select{font:inherit;border:1px solid var(--color-line);background:var(--color-bg);color:var(--color-ink);border-radius:.5rem;padding:.3rem .5rem}.face-pick select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}html[data-fs] .face-pick{display:none}tz-clock:not([data-ready]) .tzc-time,tz-clock:not([data-ready]) .tzc-date{visibility:hidden}