:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#e3f1fa)var(--lightningcss-dark,#000);--fg:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#e6e6e6);--star:var(--lightningcss-light,#0000)var(--lightningcss-dark,#fff);--dial-face:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0e1238);--dial-rim:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#e6e6e6);--tick-major:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#e6e6e6);--tick-half:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#e6e6e6);--tick-minor:var(--lightningcss-light,#9a9a9a)var(--lightningcss-dark,#6e76a8);--hour-label:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#10202a);--hour-label-night:#fff;--sky-day:var(--lightningcss-light,#87ceeb)var(--lightningcss-dark,#6fb6d6);--sky-night:#191970;--business-hours:var(--lightningcss-light,#ffd43b)var(--lightningcss-dark,#e6b800);--hand:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#e6e6e6);--hand-local:var(--lightningcss-light,#d6336c)var(--lightningcss-dark,#ff6b9a);--screw:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#e6e6e6);--screw-hole:var(--dial-face);--control-bg:var(--lightningcss-light,#fffc)var(--lightningcss-dark,#1a1f3dcc);--control-border:var(--lightningcss-light,#1a1a1a33)var(--lightningcss-dark,#e6e6e633);--control-active:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#e6e6e6);--control-active-fg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--panel-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0e1238);--panel-border:var(--lightningcss-light,#1a1a1a26)var(--lightningcss-dark,#e6e6e633);--panel-muted:var(--lightningcss-light,#5b6270)var(--lightningcss-dark,#a3aad0);--panel-row:var(--lightningcss-light,#f1f6fa)var(--lightningcss-dark,#171c4a);--panel-option-active:var(--lightningcss-light,#d7ebf8)var(--lightningcss-dark,#262e6e);--backdrop:var(--lightningcss-light,#1a1a1a66)var(--lightningcss-dark,#000000b3);font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);min-height:100dvh;color:var(--fg);place-items:center;margin:0;display:grid}#theme-switcher{display:contents}.clock{aspect-ratio:1;width:min(90vmin,40rem);height:auto;display:block}.dial-face{fill:var(--dial-face)}.dial-rim{fill:none;stroke:var(--dial-rim);stroke-width:1.5px}.sky-night{fill:none;stroke:var(--sky-night)}.sky-day{fill:var(--sky-day)}.business-hours{fill:var(--business-hours)}.tick{stroke-linecap:round}.tick-major{stroke:var(--tick-major);stroke-width:1.2px}.tick-half{stroke:var(--tick-half);stroke-width:.85px}.tick-minor{stroke:var(--tick-minor);stroke-width:.6px}.hour-label{fill:var(--hour-label);text-anchor:middle;dominant-baseline:central;font-variant-numeric:tabular-nums;font-size:9px}.hour-label-night{fill:var(--hour-label-night)}.hand{color:var(--hand)}.hand-local{color:var(--hand-local)}.hand-line{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.hand-label{fill:currentColor;text-anchor:middle;dominant-baseline:central;stroke:var(--dial-face);stroke-width:3px;stroke-linejoin:round;paint-order:stroke;font-size:7px;font-weight:600}.screw{fill:var(--screw)}.screw-hole{fill:var(--screw-hole)}.stars{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.star{fill:var(--star)}.theme-switcher{border:1px solid var(--control-border);background:var(--control-bg);border-radius:999px;gap:2px;margin:0;padding:3px;display:flex;position:fixed;top:1rem;right:1rem}.visually-hidden,.theme-switcher legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.theme-switcher input{opacity:0;pointer-events:none;position:absolute}.theme-switcher label{width:2rem;height:2rem;color:var(--fg);cursor:pointer;border-radius:999px;place-items:center;display:grid}.theme-switcher svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.theme-switcher input:checked+label{background:var(--control-active);color:var(--control-active-fg)}.theme-switcher input:focus-visible+label{outline:2px solid var(--hand-local);outline-offset:1px}.zones-button{border:1px solid var(--control-border);background:var(--control-bg);width:calc(2rem + 8px);height:calc(2rem + 8px);color:var(--fg);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid;position:fixed;top:1rem;left:1rem}.zones-button[data-shared]:after{content:"";border:2px solid var(--bg);background:var(--hand-local);border-radius:999px;width:.6rem;height:.6rem;position:absolute;top:1px;right:1px}.zones-button svg,.zones-copy svg,.zones-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.zones-button:focus-visible,.zones-copy:focus-visible,.zones-close:focus-visible,.zone-share-actions button:focus-visible,.zone-link:focus-visible,.zone-remove:focus-visible,.zone-label:focus-visible,.zone-search:focus-visible{outline:2px solid var(--hand-local);outline-offset:1px}.zones-dialog{border:1px solid var(--panel-border);background:var(--panel-bg);width:min(28rem,100% - 2rem);max-height:min(40rem,100% - 2rem);color:var(--fg);border-radius:1rem;padding:0}.zones-dialog[open]{display:flex}.zones-dialog::backdrop{background:var(--backdrop)}.zones-panel{flex-direction:column;flex:1;gap:.75rem;min-width:0;min-height:0;padding:1rem;display:flex}.zones-header{align-items:center;gap:.25rem;display:flex}.zones-header h2{margin:0 auto 0 0;font-size:1.1rem}.zones-copy,.zones-close,.zone-remove{width:2rem;height:2rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:grid}.zones-copy:hover,.zones-close:hover,.zone-remove:hover{background:var(--panel-option-active)}.zone-list,.zone-results{margin:0;padding:0;list-style:none}.zone-list{flex-direction:column;gap:.25rem;display:flex}.zone-item,.zone-option{border-radius:.5rem;align-items:center;gap:.5rem;min-height:2.25rem;padding:0 .25rem 0 .75rem;display:flex}.zone-item{background:var(--panel-row)}.zone-name{white-space:nowrap;font-weight:600}.zone-label{box-sizing:border-box;field-sizing:content;min-width:4rem;max-width:11rem;color:inherit;font:inherit;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:.35rem;flex:0 auto;margin-left:-.4rem;padding:.2rem .35rem;font-weight:600}.zone-label:hover,.zone-label:focus{border-color:var(--panel-border);background:var(--panel-bg)}.zone-label::placeholder{color:var(--panel-muted);font-weight:400}.zone-id,.zone-details,.zone-local,.zone-added{color:var(--panel-muted);font-size:.85rem}.zone-details{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.zone-local,.zone-added{text-align:center;flex:none;width:3.25rem}.zone-remove{width:3.25rem;font-size:1.25rem}.zone-id{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.zone-list .zone-id{flex-shrink:100}.zone-search{box-sizing:border-box;border:1px solid var(--panel-border);background:var(--panel-row);width:100%;color:inherit;font:inherit;border-radius:.5rem;padding:.6rem .75rem}.zone-search:disabled{opacity:.6}.zone-results{flex:1;min-height:0;overflow-y:auto}.zone-results:empty{display:none}.zone-option{cursor:pointer}.zone-option:hover,.zone-option[aria-selected=true]{background:var(--panel-option-active)}.zone-option[aria-disabled=true]{cursor:default;opacity:.6}.zone-option[aria-disabled=true]:hover{background:0 0}.zone-hint{color:var(--panel-muted);margin:0;font-size:.9rem}.zone-hint:empty,.zones-panel:not([data-share]) .zone-share,.zones-panel:not([data-link]) .zone-link,.zones-panel[data-share] :is(.zone-list,.zone-search,.zone-results){display:none}.zone-share{flex-direction:column;gap:.75rem;display:flex}.zone-share-text{margin:0}.zone-share-actions{justify-content:flex-end;gap:.5rem;display:flex}.zone-share-actions button{border:1px solid var(--panel-border);background:var(--panel-row);color:inherit;font:inherit;cursor:pointer;border-radius:.5rem;padding:.5rem 1rem}.zone-share-actions button:hover{background:var(--panel-option-active)}.zone-share-actions .zone-share-replace{border-color:var(--hand-local);background:var(--hand-local);color:var(--panel-bg);font-weight:600}.zone-share-actions .zone-share-replace:hover{background:var(--hand-local);filter:brightness(1.1)}.zone-link{box-sizing:border-box;border:1px solid var(--panel-border);background:var(--panel-row);width:100%;color:inherit;font:inherit;border-radius:.5rem;padding:.6rem .75rem;font-size:.85rem}.zones-credits{border-top:1px solid var(--panel-border);color:var(--panel-muted);text-align:center;text-wrap:balance;margin:0;padding-top:.75rem;font-size:.8rem}