:root,[data-theme=light]{color-scheme:light;--font-clock:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--color-bg:oklch(98.5% .003 85);--color-ink:oklch(20% .01 260);--color-ink-muted:oklch(42% .015 260);--color-line:oklch(86% .008 260);--color-accent:oklch(50% .14 45);--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(15% .008 260);--color-ink:oklch(96% .005 260);--color-ink-muted:oklch(76% .01 260);--color-line:oklch(32% .01 260);--color-accent:oklch(76% .16 55);--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-ink:oklch(100% 0 0);--color-ink-muted:oklch(92% 0 0);--color-line:oklch(75% 0 0);--color-accent: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(15% .008 260);--color-ink:oklch(96% .005 260);--color-ink-muted:oklch(76% .01 260);--color-line:oklch(32% .01 260);--color-accent:oklch(76% .16 55);--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-ink:oklch(86% .005 260);--color-ink-muted:oklch(72% .01 260);--color-line:oklch(26% .005 260);--color-accent:oklch(72% .15 55);--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-ink:oklch(100% 0 0);--color-ink-muted:oklch(92% 0 0);--color-line:oklch(75% 0 0);--color-accent: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}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,.site-footer{flex-wrap:wrap;row-gap:.75rem}.site-header nav{gap:1rem;display:flex}.site-header nav a{white-space:nowrap}.site-footer{color:var(--color-ink-muted);border-top:1px solid var(--color-line);align-items:flex-start;padding-block:2rem 1.5rem;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}.site-header .theme-switch,theme-switch{display:inline-block}theme-switch select{font:inherit;border:1px solid var(--color-line);background:var(--color-bg);color:var(--color-ink);border-radius:.5rem;padding:.3rem .5rem;font-size:.875rem}theme-switch select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}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-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}