:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#070a10;--surface-1:#0f121a;--surface-2:#171b23;--surface-3:#20242e;--ink:#ebe5dc;--ink-soft:#acb1bc;--ink-muted:#7e838e;--accent:#eca938;--accent-strong:#da8a00;--danger:#f66e60;--ok:#5bc78e;--hairline:#ffffff12;--hairline-strong:#ffffff1c;--shadow-elevated:0 18px 50px #00000040;--radius-s:6px;--radius-m:10px;--radius-l:14px;--radius-pill:999px;--header-height:52px;--topbar-shield:#090c12a3;--topbar-surface:#1b1e2494;--topbar-border:#ffffff1a;--topbar-segment:#76768033;--topbar-selected:#58595ead;--topbar-selected-shadow:0 1px 2px #00000061;--topbar-segment-inset:4px;--tabs-duration:.25s;--tabs-ease:cubic-bezier(.22, 1, .36, 1);--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-numeric:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", monospace;font-size:16px}@supports (color:lab(0% 0 0)){:root{--canvas:lab(2.71343% .0284314 -2.96205);--surface-1:lab(5.55497% .0137016 -5.35263);--surface-2:lab(9.53482% -.011988 -6.61939);--surface-3:lab(14.2814% -.0457466 -7.36642);--ink:lab(91.3326% .994504 5.26074);--ink-soft:lab(72.0837% -.216156 -6.02045);--ink-muted:lab(54.6715% -.197351 -6.74938);--accent:lab(74.3896% 18.3175 64.49);--accent-strong:lab(64.8146% 26.6921 76.9054);--danger:lab(63.591% 52.5925 34.6176);--ok:lab(72.7161% -42.3246 18.6471)}}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:100svh;overflow-x:hidden}button,input{font:inherit}button{touch-action:manipulation}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:active:not(:disabled){transform:scale(.96)}.skip-link{z-index:100;border-radius:var(--radius-m);background:var(--ink);color:var(--canvas);padding:9px 12px;font-size:13px;font-weight:650;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-header{z-index:10;isolation:isolate;min-height:var(--header-height);padding:max(8px, env(safe-area-inset-top)) max(20px, calc((100% - 1480px) / 2), env(safe-area-inset-right));background:var(--topbar-shield);color:var(--ink);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0;overflow:clip}.app-header:before{z-index:0;background:var(--topbar-surface);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);content:"";pointer-events:none;position:absolute;inset:0}.app-header:after{z-index:2;background:var(--topbar-border);content:"";pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.app-header>*{z-index:1;position:relative}.app-title{min-width:0;color:var(--ink);white-space:nowrap;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:600;line-height:1.15;display:inline-flex}.app-logo-clock{--logo-hour-angle:0deg;--logo-minute-angle:0deg;--logo-second-angle:0deg;border:1px solid color-mix(in oklch, var(--ink) 76%, transparent);background:color-mix(in oklch, var(--canvas) 22%, transparent);border-radius:50%;flex:0 0 26px;width:26px;height:26px;display:block;position:relative;box-shadow:inset 0 0 0 1px #00000029}.app-logo-clock:before{background:var(--ink-muted);content:"";border-radius:1px;width:1px;height:2px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.app-logo-hand{border-radius:var(--radius-pill);background:var(--ink);transform-origin:50% 100%;width:1.5px;position:absolute;bottom:50%;left:calc(50% - .75px)}.app-logo-hour{height:5px;transform:rotate(var(--logo-hour-angle))}.app-logo-minute{height:7px;transform:rotate(var(--logo-minute-angle))}.app-logo-second{background:var(--accent);transform-origin:50% calc(100% - 1px);width:.8px;height:8px;transform:rotate(var(--logo-second-angle));bottom:calc(50% - 1px);left:calc(50% - .4px)}.app-logo-pin{background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tabs{isolation:isolate;min-width:0;height:32px;padding:0 var(--topbar-segment-inset);border-radius:var(--radius-pill);background:var(--topbar-segment);box-shadow:inset 0 0 0 1px var(--topbar-border);cursor:grab;touch-action:pan-y;align-items:center;gap:2px;margin-left:auto;display:inline-flex;position:relative;overflow:hidden}.tabs:before{z-index:0;width:var(--tab-indicator-width,48px);border-radius:var(--radius-pill);background:var(--topbar-selected);height:24px;box-shadow:var(--topbar-selected-shadow);content:"";pointer-events:none;transform:translate3d(var(--tab-indicator-x,var(--topbar-segment-inset)), -50%, 0);transition:transform var(--tabs-duration) var(--tabs-ease), width var(--tabs-duration) var(--tabs-ease);position:absolute;top:50%;left:0}.tabs.is-dragging{cursor:grabbing}.tabs.is-dragging:before{transition:none}.tab{z-index:1;border-radius:var(--radius-pill);height:24px;min-height:0;color:var(--ink-muted);white-space:nowrap;cursor:inherit;background:0 0;border:0;padding:0 10px;font-size:12px;font-weight:520;line-height:1;transition:color .18s;position:relative}.tab.active,.tab.pending{color:var(--ink);box-shadow:none;background:0 0}.tab:active:not(:disabled){transform:none}.tab:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 72%, transparent);outline:0}.tab.active:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 72%, transparent)}main{min-height:calc(100svh - var(--header-height))}.page{min-height:calc(100svh - var(--header-height));padding:clamp(20px,3.4vw,44px)}.page[hidden]{display:none}.clock-display{min-height:calc(100svh - var(--header-height) - clamp(40px, 6.8vw, 88px));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-bottom:6vh;display:flex}.clock-time,.sw-time{color:var(--ink);font-family:var(--font-numeric);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum", "lnum"}.clock-time{letter-spacing:-.055em;font-size:clamp(58px,14vw,164px);font-weight:320;line-height:.96}.clock-date{color:var(--ink-soft);text-wrap:balance;font-size:clamp(14px,1.8vw,18px);line-height:1.6}.sync-badge{border-radius:var(--radius-pill);background:var(--surface-1);min-height:40px;color:var(--ink-muted);box-shadow:inset 0 0 0 1px var(--hairline);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:12px;transition-property:transform,background-color,color;transition-duration:.13s;transition-timing-function:cubic-bezier(.16,1,.3,1);display:inline-flex}.sync-badge:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.sync-badge.ok{color:var(--ok)}.sync-badge.bad{color:var(--danger)}.world-layout{grid-template-columns:minmax(270px,304px) minmax(0,1fr);align-items:start;gap:clamp(18px,2.4vw,30px);max-width:1480px;margin:0 auto;display:grid}.world-side,.world-map-wrap{border-radius:var(--radius-l);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow-elevated)}.world-side{flex-direction:column;padding:8px;display:flex}.city-search{z-index:2;position:relative}#city-search-input{border-radius:var(--radius-m);background:var(--surface-2);width:100%;min-height:44px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline);border:0;outline:0;padding:10px 12px;font-size:14px;transition-property:box-shadow,background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}#city-search-input::placeholder{color:var(--ink-muted)}#city-search-input:focus-visible{background:var(--surface-3);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 72%, transparent), 0 0 0 3px color-mix(in oklch, var(--accent) 13%, transparent)}.city-suggestions{z-index:20;border-radius:var(--radius-m);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--hairline-strong), 0 18px 40px #0000006b;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.city-suggestion{min-height:44px;color:var(--ink-soft);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;font-size:13px;display:flex}.city-suggestion+.city-suggestion{box-shadow:inset 0 1px var(--hairline)}.city-suggestion .tz{color:var(--ink-muted);font-family:var(--font-numeric);white-space:nowrap;font-size:11px}.city-list{flex-direction:column;margin:7px 0 0;padding:0;list-style:none;display:flex}.city-item{min-height:52px;box-shadow:inset 0 1px var(--hairline);grid-template-columns:auto minmax(36px,1fr) auto 40px;align-items:center;gap:10px;padding:6px 2px 6px 10px;display:grid}.city-item.hover{border-radius:var(--radius-m);background:color-mix(in oklch, var(--accent) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 22%, transparent)}.city-item .name{color:var(--ink);white-space:nowrap;font-size:14px;font-weight:650}.city-item .day{color:var(--ink-muted);font-size:11px}.city-item .time{color:var(--ink-soft);font-family:var(--font-numeric);font-variant-numeric:tabular-nums lining-nums;text-align:right;white-space:nowrap;font-size:15px}.city-item .remove{border-radius:var(--radius-m);width:40px;height:40px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:17px;transition-property:transform,color,background-color;transition-duration:.13s;transition-timing-function:cubic-bezier(.16,1,.3,1);display:grid}.world-map-wrap{min-width:0;padding:8px}#world-map{border-radius:var(--radius-m);outline-offset:-1px;outline:1px solid #ffffff0b;width:100%;height:auto;display:block}.sw-display{max-width:680px;min-height:calc(100svh - var(--header-height) - clamp(40px, 6.8vw, 88px));flex-direction:column;align-items:center;gap:18px;margin:0 auto;padding-top:clamp(3vh,6vh,70px);display:flex}.sw-time{letter-spacing:-.06em;font-size:clamp(52px,11.5vw,130px);font-weight:320;line-height:1}.sw-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(520px,100%);display:grid}.btn{border-radius:var(--radius-m);background:var(--surface-2);min-height:44px;color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--hairline);white-space:nowrap;cursor:pointer;border:0;padding:10px 16px;font-size:14px;font-weight:580;transition-property:transform,background-color,color,box-shadow;transition-duration:.13s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.btn:disabled{color:color-mix(in oklch, var(--ink-muted) 50%, transparent);cursor:default;opacity:.56}.btn.primary{background:var(--accent);color:#170d05;color:lab(4.39645% 3.02226 4.62571);font-weight:720;box-shadow:inset 0 1px #ffffff3d,0 6px 16px #0000003d}.btn.active{color:var(--ok);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--ok) 46%, transparent)}.sw-preview,.pip-debug,.sw-laps{border-radius:var(--radius-l);background:var(--surface-1);width:min(520px,100%);box-shadow:inset 0 0 0 1px var(--hairline)}.sw-preview{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:18px;padding:12px;font-size:12px;display:flex}.sw-preview-label{padding-left:3px;font-weight:560}.sw-preview-host{border-radius:var(--radius-m);background:var(--canvas);width:160px;height:90px;box-shadow:inset 0 0 0 1px var(--hairline-strong);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.sw-preview-host video{object-fit:cover;width:100%;height:100%;display:block}.pip-debug{color:var(--ink-muted);padding:12px 14px;font-size:12px}.pip-debug summary{cursor:pointer;min-height:24px}.pip-debug summary::marker{color:var(--accent)}.pip-debug pre{max-height:220px;color:var(--ink-soft);font-family:var(--font-numeric);white-space:pre-wrap;word-break:break-all;margin:12px 0;font-size:11px;line-height:1.6;overflow:auto}.pip-debug-actions{gap:8px;display:flex}.btn.small{min-height:40px;padding:8px 12px;font-size:12px}.sw-laps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.sw-laps:empty{display:none}.sw-laps li{min-height:44px;color:var(--ink-soft);box-shadow:inset 0 1px var(--hairline);font-family:var(--font-numeric);font-variant-numeric:tabular-nums lining-nums;grid-template-columns:1fr auto auto;align-items:baseline;gap:20px;padding:11px 14px;font-size:13px;display:grid}.sw-laps li:first-child{box-shadow:none}.sw-laps .lap-no{color:var(--ink-muted);font-family:var(--font-ui)}.pip-float{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:1000;border-radius:var(--radius-l);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline-strong), 0 18px 50px #00000085;cursor:grab;touch-action:none;padding:14px 18px;position:fixed}.pip-float:active{cursor:grabbing}.pip-float-close{border-radius:var(--radius-m);width:40px;height:40px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:14px;display:grid;position:absolute;top:2px;right:4px}.pip-stopwatch{text-align:center;padding:12px 8px}.pip-time{font-family:var(--font-numeric);font-variant-numeric:tabular-nums lining-nums;font-size:34px;font-weight:400;line-height:1.2}.pip-state{color:var(--ink-muted);margin-top:4px;font-size:12px}.toast-root{bottom:max(24px, env(safe-area-inset-bottom));z-index:2000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-m);background:var(--ink);color:var(--canvas);white-space:nowrap;padding:10px 16px;font-size:13px;font-weight:620;box-shadow:0 14px 36px #0006}@media (hover:hover){.btn:hover:not(:disabled),.sync-badge:hover{background:var(--surface-3);color:var(--ink)}.tab:hover:not(.active){color:var(--ink)}.btn.primary:hover:not(:disabled){background:var(--accent-strong);color:#f6f1e9;color:lab(95.3884% .843316 4.50301)}.city-suggestion:hover{background:color-mix(in oklch, var(--accent) 8%, transparent);color:var(--ink)}.city-item .remove:hover,.pip-float-close:hover{background:color-mix(in oklch, var(--danger) 10%, transparent);color:var(--danger)}}@media (max-width:860px){.world-layout{grid-template-columns:minmax(0,1fr)}.world-map-wrap{box-shadow:inset 0 0 0 1px var(--hairline)}}@media (max-width:600px){.app-header{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));gap:8px}.app-header:before{background:var(--topbar-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.app-title{gap:7px;font-size:14px}.tabs{flex:none;padding-inline:4px}.tab{height:24px;min-height:0;padding-inline:9px;font-size:12px}.page{padding:20px 12px}.clock-display{min-height:calc(100svh - var(--header-height) - 40px);padding-bottom:9vh}.clock-time{letter-spacing:-.065em;font-size:clamp(54px,18vw,78px)}.clock-date{font-size:13px}.sync-badge{max-width:100%;padding-inline:12px;font-size:11px}.world-layout{gap:16px}.world-side{box-shadow:inset 0 0 0 1px var(--hairline)}.city-item{grid-template-columns:auto minmax(32px,1fr) auto 40px}.world-map-wrap{padding:7px}.sw-display{min-height:calc(100svh - var(--header-height) - 40px);padding-top:3vh}.sw-time{font-size:clamp(48px,15vw,66px)}.sw-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-preview-host{width:144px;height:81px}}@media (max-width:340px){.app-header{padding-inline:9px}.app-title{gap:6px;font-size:13px}.tab{padding-inline:8px}.page{padding-inline:10px}.city-item{gap:7px;padding-left:8px}.city-item .day{display:none}.sw-preview{gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}