@import url(https://fonts.googleapis.com/css2?family=Share+Tech&display=swap);[data-theme=light]{--bg:#eee;--ink:#333;--muted:#5b6470;--faint:#8a929e;--line:#dadce1;--chip:#fff;--accent:#2563eb;--good:#15a34a;--warn:#d97706;--bad:#dc2626}[data-theme=dark]{--bg:#0b0d12;--ink:#f4f6fa;--muted:#9aa3af;--faint:#5b6470;--line:#222838;--chip:#161b27;--accent:#5b8cff;--good:#34d399;--warn:#fbbf24;--bad:#f87171}*{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;font-family:Share Tech,Product Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;text-rendering:optimizeLegibility}.page{background:var(--bg);color:var(--ink);display:flex;flex-direction:column;min-height:100%;transition:background .3s ease,color .3s ease}.topbar{align-items:center;display:flex;justify-content:flex-end;padding:22px clamp(20px,5vw,48px)}@-webkit-keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(.82);transform:scale(.82)}}@keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(.82);transform:scale(.82)}}.theme-toggle{background:var(--chip);border:1px solid var(--line);border-radius:0;color:var(--muted);cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:7px 16px;transition:color .2s ease,border-color .2s ease}.theme-toggle:hover{border-color:var(--muted);color:var(--ink)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:16px;text-align:center}.accuracy{font-size:clamp(14px,2.1vw,20px);font-weight:700;letter-spacing:.02em;line-height:1;margin:0;text-transform:uppercase;-webkit-transform:scaleY(.85);transform:scaleY(.85);-webkit-transform-origin:center;transform-origin:center}.accuracy.good{color:var(--good)}.accuracy.bad{color:var(--bad)}.precision-badge{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";border:1px solid transparent;border-radius:0;display:inline-block;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.4;margin:8px 0 0;max-width:92%;padding:4px 12px}.precision-badge.good{background:color-mix(in srgb,var(--good) 12%,transparent);border-color:color-mix(in srgb,var(--good) 30%,transparent);color:var(--good)}.precision-badge.bad{background:color-mix(in srgb,var(--bad) 12%,transparent);border-color:color-mix(in srgb,var(--bad) 35%,transparent);color:var(--bad)}.clock{-webkit-font-feature-settings:"tnum" 1,"tnum";font-feature-settings:"tnum" 1,"tnum";align-items:baseline;display:flex;font-variant-numeric:tabular-nums;justify-content:center;margin:clamp(8px,2vh,20px) 0}.clock-time{font-size:clamp(64px,17vw,220px);font-weight:700;letter-spacing:-.04em;line-height:.9}.clock-fraction{color:var(--faint);font-size:clamp(22px,5vw,62px);font-weight:500;letter-spacing:-.02em;margin-left:6px}.date{font-size:clamp(16px,2.4vw,26px);font-weight:500;letter-spacing:-.01em;margin:0}.zone{color:var(--muted);font-size:14px}.stratum,.zone{font-weight:500;margin:6px 0 0}.stratum{background:color-mix(in srgb,var(--good) 12%,transparent);border:1px solid color-mix(in srgb,var(--good) 30%,transparent);border-radius:0;color:var(--good);display:inline-block;font-size:12px;letter-spacing:.08em;padding:3px 11px;text-transform:uppercase}.status{align-items:center;background:var(--chip);border:1px solid var(--line);border-radius:0;color:var(--muted);display:flex;font-size:13px;font-weight:500;gap:9px;margin-top:clamp(20px,4vh,40px);padding:8px 16px}.status-sep{color:var(--faint)}.signal{background:var(--faint);border-radius:50%;height:8px;width:8px}.signal.ok{background:var(--good)}.signal.loss{background:var(--warn)}.signal.connecting{-webkit-animation:pulse 1.4s ease-in-out infinite;animation:pulse 1.4s ease-in-out infinite;background:var(--accent)}.signal.error{background:var(--bad)}.world{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:clamp(18px,3vh,28px)}.world-city{align-items:center;background:var(--chip);border:1px solid var(--line);border-radius:0;display:flex;flex-direction:column;gap:2px;min-width:84px;padding:10px 14px}.world-name{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.01em}.world-time{-webkit-font-feature-settings:"tnum" 1,"tnum";font-feature-settings:"tnum" 1,"tnum";color:var(--ink);font-size:18px;font-variant-numeric:tabular-nums;font-weight:500}.credit{color:var(--faint);padding:24px 16px 32px;text-align:center}.credit-line{font-size:12px;font-weight:500;letter-spacing:.01em;margin-bottom:10px}.credit img{opacity:.85}.credit-link{color:var(--muted);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.credit-link:hover{color:var(--ink)}[data-theme=dark] .credit img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);opacity:.7}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation:none!important;animation:none!important;transition:none!important}}