:root{--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:Inter, "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;--city-column:196px}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0b1730;--muted:#647086;--faint:#8490a3;--line:#dce3ee;--line-strong:#c9d3e3;--paper:#f7f9fc;--surface:#fff;--surface-raised:#fff;--surface-soft:#f8faff;--surface-muted:#f6f8fc;--surface-input:#fbfcfe;--nav-glass:#ffffffc7;--blue:#1768ff;--blue-dark:#0b4fd5;--blue-soft:#e8f0ff;--blue-soft-strong:#dfeaff;--blue-border:#c9d9f5;--blue-ink:#124a9d;--am:#edf3fc;--am-alt:#e6eef9;--am-ink:#20314f;--night:#2a4062;--night-soft:#344b6e;--night-ink:#f4f7fc;--grid-seam:#ffffff2e;--map-ocean:#f2f6fc;--map-zone-0:#eaf0fb;--map-zone-1:#e3ebfa;--map-zone-2:#dce7f8;--map-zone-3:#d4e1f5;--map-zone-4:#e7edf7;--map-zone-5:#dbe4f2;--map-border:#40598247;--map-selected:#1768ff;--map-selected-stroke:#fff;--page-grid:#102f6509;--control-disabled:#a5afbf;--placeholder:#9aa5b7;--action-bg:#0b1730;--action-ink:#fff;--on-blue:#fff;--on-ink:#fff;--shadow-card:0 22px 70px #142f5817;--shadow-popover:0 18px 45px #152c5029;--shadow-control:0 7px 20px #1e355717;--shadow-action:0 5px 15px #0b173021;--shadow-action-hover:0 7px 19px #0b173033;--focus-ring:#1768ff38}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#edf4ff;--muted:#9eacc0;--faint:#8797ae;--line:#26364e;--line-strong:#354760;--paper:#070e1c;--surface:#101b2e;--surface-raised:#152238;--surface-soft:#0d1728;--surface-muted:#132038;--surface-input:#0c1627;--nav-glass:#101b2ee6;--blue:#5592ff;--blue-dark:#78a8ff;--blue-soft:#152f59;--blue-soft-strong:#1a3b6b;--blue-border:#315783;--blue-ink:#a8c8ff;--am:#c7d5e9;--am-alt:#b9c9df;--am-ink:#15233b;--night:#29446d;--night-soft:#33517e;--night-ink:#f4f7fc;--grid-seam:#ffffff21;--map-ocean:#0b1425;--map-zone-0:#26354c;--map-zone-1:#2a3a52;--map-zone-2:#2e405a;--map-zone-3:#334762;--map-zone-4:#29384f;--map-zone-5:#304158;--map-border:#a5bee442;--map-selected:#4f8cff;--map-selected-stroke:#dbe9ff;--page-grid:#7ba0da0e;--control-disabled:#64738a;--placeholder:#75849a;--action-bg:#e7effc;--action-ink:#0b1730;--on-blue:#071226;--on-ink:#071226;--shadow-card:0 22px 80px #00000057;--shadow-popover:0 20px 55px #0000006b;--shadow-control:0 8px 22px #00000040;--shadow-action:0 5px 18px #00000042;--shadow-action-hover:0 8px 22px #00000057;--focus-ring:#5592ff4d}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;color:var(--ink);scroll-behavior:smooth}body{background:linear-gradient(var(--page-grid) 1px, transparent 1px), linear-gradient(90deg, var(--page-grid) 1px, transparent 1px), var(--paper);font-family:var(--sans);text-rendering:optimizelegibility;background-size:32px 32px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}::selection{background:var(--blue-soft-strong);color:var(--ink)}.site-shell{width:min(1540px,100% - 40px);margin:0 auto;padding:22px 0 38px}.site-header{grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;display:grid}.wordmark{width:fit-content;color:var(--ink);letter-spacing:-.04em;align-items:center;font-size:18px;font-weight:760;text-decoration:none;display:inline-flex}.wordmark em{color:var(--blue);font-style:normal;font-weight:650}.wordmark-mark{background:var(--blue);width:30px;height:30px;color:var(--on-blue);font-family:var(--mono);letter-spacing:-.08em;border-radius:9px;place-items:center;margin-right:9px;font-size:13px;display:inline-grid}.main-nav{border:1px solid var(--line);background:var(--nav-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:3px;padding:4px;display:flex}.main-nav a,.main-nav button{min-width:70px;color:var(--muted);letter-spacing:.06em;text-align:center;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;text-decoration:none}.main-nav .active{background:var(--ink);color:var(--on-ink)}.main-nav button:disabled{color:var(--control-disabled);cursor:not-allowed;opacity:.62}.header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.theme-toggle,.share-button{cursor:pointer;border-radius:10px;height:40px;font-size:13px;font-weight:700}.theme-toggle{border:1px solid var(--line-strong);background:var(--surface-raised);width:40px;color:var(--ink);font-family:var(--mono);place-items:center;padding:0;font-size:17px;display:grid}.theme-toggle:hover{border-color:var(--blue);color:var(--blue)}.share-wrap{position:relative}.share-button{border:1px solid var(--action-bg);background:var(--action-bg);color:var(--action-ink);box-shadow:var(--shadow-action);padding:0 16px}.share-button span{color:currentColor;opacity:.74;margin-right:6px}.share-button:hover{box-shadow:var(--shadow-action-hover);transform:translateY(-1px)}.share-status{z-index:20;border:1px solid var(--line-strong);background:var(--ink);width:max-content;max-width:230px;color:var(--on-ink);font-family:var(--mono);opacity:0;pointer-events:none;border-radius:7px;padding:6px 9px;font-size:9px;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-3px)}.share-status.show{opacity:1;transform:translateY(0)}.intro{grid-template-columns:minmax(0,1fr) minmax(260px,390px);align-items:center;gap:34px;padding:18px 3.4% 15px;display:grid}.eyebrow{color:var(--blue);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}.intro h1{letter-spacing:-.055em;max-width:820px;margin:0;font-size:clamp(27px,3vw,42px);font-weight:690;line-height:1.03}.intro h1 span{color:var(--muted);font-weight:500}.intro-copy{max-width:390px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.tool-card{border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-card);border-radius:22px;overflow:hidden}.city-search{z-index:10;flex:0 0 min(310px,28vw);width:min(310px,28vw);position:relative}.city-search>label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.moment-control small,.date-control:not(.date-trigger)>span{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.search-field{border:1px solid var(--line-strong);background:var(--surface-input);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;height:38px;padding:0 11px;display:grid}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.search-field>span{color:var(--blue);margin-right:9px;font-size:21px;line-height:1}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.search-field input::placeholder{color:var(--placeholder)}kbd{border:1px solid var(--line);background:var(--surface-raised);color:var(--faint);font-family:var(--mono);border-radius:5px;padding:3px 6px;font-size:10px}.search-results{border:1px solid var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow-popover);z-index:30;border-radius:12px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:hidden}.search-results button{border:0;border-bottom:1px solid var(--line);background:var(--surface-raised);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:10px 13px;display:flex}.search-results button:hover{background:var(--blue-soft)}.search-results button>span:first-child{flex-direction:column;gap:2px;display:flex}.search-results strong{font-size:13px}.search-results small{color:var(--muted);font-size:10px}.mono{font-family:var(--mono);font-size:12px}.moment-control{align-items:center;gap:12px;display:flex}.moment-control button{border:1px solid var(--line);background:var(--surface-raised);width:36px;height:36px;font-family:var(--mono);cursor:pointer;border-radius:9px;place-items:center;font-size:18px;display:grid}.moment-control button:disabled{color:var(--control-disabled);cursor:not-allowed;opacity:.55}.moment-control div{text-align:center;min-width:170px}.moment-control small{margin-bottom:3px}.moment-control strong{font-family:var(--mono);font-size:12px;font-weight:650}.map-wrap{border-bottom:1px solid var(--line);background:var(--surface-soft);padding:8px 60px 0;position:relative;overflow:hidden}.map-stage{aspect-ratio:1200/405;width:min(100%,1200px);margin:0 auto;position:relative}.timezone-map{border:0;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.timezone-map-svg,.timezone-map svg,.timezone-map img{width:100%;height:100%;display:block}.timezone-map-svg svg>rect{fill:var(--map-ocean)!important}.timezone-map-svg .timezone-land-region{stroke:var(--map-border)!important}.timezone-map-svg .timezone-land-region:hover{stroke:var(--blue-dark)!important}.timezone-map-svg .timezone-land-region.selected{stroke:var(--map-selected-stroke)!important}.timezone-boundaries{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.timezone-boundary{background:var(--blue);width:1px;box-shadow:0 0 0 1px color-mix(in srgb, var(--surface) 58%, transparent), 0 0 9px var(--focus-ring);opacity:.75;position:absolute;top:4%;bottom:6%}.timezone-boundary:before{background:var(--blue);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.map-marker-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.map-marker-layer span{border:2px solid var(--ink);background:var(--surface);width:8px;height:8px;box-shadow:0 0 0 1px var(--surface);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.map-arrow{z-index:4;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-raised) 92%, transparent);width:38px;height:64px;box-shadow:var(--shadow-control);font-family:var(--mono);cursor:pointer;border-radius:12px;place-items:center;font-size:30px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.map-arrow-left{left:-47px}.map-arrow-right{right:-47px}.map-current-time{z-index:5;border:1px solid color-mix(in srgb, var(--line-strong) 78%, transparent);background:color-mix(in srgb, var(--surface-raised) 86%, transparent);min-width:126px;box-shadow:var(--shadow-control);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none;border-radius:10px;grid-template-columns:auto auto;align-items:baseline;column-gap:9px;padding:8px 10px;display:grid;position:absolute;top:12px;right:12px}.map-current-time>span{max-width:118px;color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.map-current-time strong{color:var(--ink);font-family:var(--mono);letter-spacing:-.04em;font-size:15px;font-weight:700}.map-current-time small{color:var(--muted);font-family:var(--mono);grid-column:1/-1;margin-top:2px;font-size:8px}.map-caption{width:min(100%,1200px);min-height:39px;color:var(--muted);font-family:var(--mono);justify-content:space-between;align-items:center;margin:0 auto;font-size:10px;display:flex}.map-caption>div{align-items:center;gap:8px;display:flex}.map-caption strong{color:var(--ink);font-weight:650}.selected-swatch{background:var(--blue);border-radius:2px;width:9px;height:9px}.same-time-cities{z-index:8;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:18px;min-height:62px;padding:11px 22px;display:flex;position:relative}.popular-cities{flex:auto;align-items:center;gap:15px;min-width:0;display:flex}.same-time-heading{border-right:1px solid var(--line);color:var(--muted);text-transform:uppercase;flex-direction:column;flex:none;padding-right:20px;font-size:10px;display:flex}.same-time-heading strong{color:var(--blue);font-family:var(--mono);margin-top:3px;font-size:12px}.city-suggestions{flex-wrap:wrap;justify-content:flex-start;gap:7px;display:flex}.city-suggestions button{border:1px solid var(--blue-border);background:var(--blue-soft);color:var(--blue-ink);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:7px 11px;font-size:11px;font-weight:650;display:inline-flex}.city-suggestions button:hover{border-color:var(--blue);color:var(--blue)}.city-suggestions button:disabled,.city-suggestions button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft-strong);color:var(--blue-ink);opacity:1}.city-suggestions button span{color:var(--blue);margin-right:4px}.suggestion-time{border-left:1px solid color-mix(in srgb, currentColor 24%, transparent);font-family:var(--mono);font-variant-numeric:tabular-nums;opacity:.75;margin-left:3px;padding-left:7px;font-size:9px}.empty-suggestion{color:var(--muted);font-size:11px}.grid-section{background:var(--surface)}.grid-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:15px 20px;display:flex;position:relative}.date-controls{align-items:center;gap:7px;display:flex;position:relative}.date-control{flex-direction:column;display:flex}.date-control span{margin-bottom:4px}.date-control input,.now-button{border:1px solid var(--line-strong);background:var(--surface-raised);height:36px;color:var(--ink);font-family:var(--mono);font-size:11px}.date-control input{border-radius:8px;min-width:146px;padding:0 9px}.toolbar-button,.date-step-button,.day-step-button,.day-step,.time-step-button,.moment-step-button,.moment-step,.calendar-trigger,.date-trigger,.moment-trigger,.moment-summary{border:1px solid var(--line-strong);background:var(--surface-raised);min-height:36px;color:var(--ink);font-family:var(--mono);cursor:pointer;border-radius:8px;font-size:11px}.date-step-button,.day-step-button,.day-step,.time-step-button,.moment-step-button,.moment-step{place-items:center;width:36px;padding:0;font-size:17px;display:grid}.toolbar-button:hover,.date-step-button:hover:not(:disabled),.day-step-button:hover:not(:disabled),.day-step:hover:not(:disabled),.time-step-button:hover:not(:disabled),.moment-step-button:hover:not(:disabled),.moment-step:hover:not(:disabled),.calendar-trigger:hover,.date-trigger:hover,.moment-trigger:hover,.moment-summary:hover{border-color:var(--blue);color:var(--blue)}.date-step-button:disabled,.day-step-button:disabled,.day-step:disabled,.time-step-button:disabled,.moment-step-button:disabled,.moment-step:disabled{color:var(--control-disabled);cursor:not-allowed;opacity:.56}.calendar-wrap,.calendar-control,.date-picker-wrap{position:relative}.calendar-trigger,.date-trigger{font-variant-numeric:tabular-nums;align-items:center;gap:8px;min-width:150px;padding:0 10px;display:inline-flex}.date-control.date-trigger,button.date-trigger{flex-direction:row;justify-content:center}.date-trigger>span{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 2px 0 0;font-size:8px;font-weight:700;display:inline}.date-trigger>strong{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:680}.calendar-trigger svg,.date-trigger svg{flex:none}.calendar-popover,.date-popover{z-index:40;border:1px solid var(--line-strong);background:var(--surface-raised);width:min(292px,100vw - 36px);box-shadow:var(--shadow-popover);border-radius:13px;padding:12px;position:absolute;top:calc(100% + 8px);left:0}.calendar-header,.calendar-month-header{grid-template-columns:34px 1fr 34px;align-items:center;gap:5px;margin-bottom:9px;display:grid}.calendar-header strong,.calendar-month-header strong{text-align:center;font-family:var(--mono);font-size:11px}.calendar-header button,.calendar-month-header button{border:1px solid var(--line);background:var(--surface);width:34px;height:32px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;padding:0;display:grid}.calendar-header button:hover,.calendar-month-header button:hover{border-color:var(--blue);color:var(--blue)}.calendar-weekdays,.calendar-grid,.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.calendar-weekdays{margin-bottom:3px}.calendar-weekdays span,.calendar-weekday{height:22px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;place-items:center;font-size:8px;font-weight:700;display:grid}.calendar-day,.calendar-days button{min-width:0;height:32px;color:var(--ink);font-family:var(--mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;padding:0;font-size:10px;display:grid}.calendar-day:hover,.calendar-days button:hover{border-color:var(--blue-border);background:var(--blue-soft);color:var(--blue)}.calendar-day.outside,.calendar-day.outside-month,.calendar-day[data-outside=true],.calendar-days button.outside-month{color:var(--faint);opacity:.48}.calendar-day.today,.calendar-day[data-today=true]{border-color:var(--blue-border)}.calendar-day.selected,.calendar-day[aria-selected=true],.calendar-days button.selected,.calendar-days button[aria-selected=true]{border-color:var(--blue);background:var(--blue);color:var(--on-blue);font-weight:750}.calendar-footer{border-top:1px solid var(--line);justify-content:flex-end;margin-top:8px;padding-top:8px;display:flex}.now-button{cursor:pointer;border-radius:8px;padding:0 11px;font-weight:700}.now-button:hover,.moment-control button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.moment-control{position:relative}.moment-toolbar{justify-content:flex-end;align-items:center;gap:7px;display:flex}.moment-editor-wrap{position:relative}.moment-toolbar .moment-control{border:1px solid var(--line-strong);background:var(--surface-raised);min-width:218px;min-height:40px;color:var(--ink);text-align:center;cursor:pointer;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:5px 12px;display:flex}.moment-toolbar .moment-control:hover{border-color:var(--blue);color:var(--blue)}.moment-toolbar .moment-control small{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px;font-size:8px}.moment-toolbar .moment-control strong{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:680}.moment-summary,.moment-trigger{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:210px;padding:5px 12px;display:flex}.moment-summary small,.moment-trigger small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px;font-size:8px}.moment-summary strong,.moment-trigger strong{font-variant-numeric:tabular-nums;font-size:11px;font-weight:680}.moment-editor,.moment-editor-popover,.moment-popover{z-index:42;border:1px solid var(--line-strong);background:var(--surface-raised);width:min(360px,100vw - 36px);box-shadow:var(--shadow-popover);border-radius:13px;padding:14px;position:absolute;top:calc(100% + 8px);right:0}.moment-popover{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.moment-popover>label{min-width:0;color:var(--muted);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;flex-direction:column;gap:5px;font-size:8px;font-weight:700;display:flex}.moment-popover>label:nth-of-type(3){grid-column:1/-1}.moment-editor h3,.moment-editor-popover h3,.moment-popover h3{letter-spacing:-.02em;margin:0 0 11px;font-size:13px}.moment-editor-fields{grid-template-columns:minmax(0,1.35fr) minmax(88px,.65fr);gap:9px;display:grid}.moment-editor-fields label,.moment-field{min-width:0;color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:5px;font-size:8px;font-weight:700;display:flex}.moment-editor-fields label:last-child,.moment-field-city{grid-column:1/-1}.moment-editor input,.moment-editor select,.moment-editor-popover input,.moment-editor-popover select,.moment-popover input,.moment-popover select{border:1px solid var(--line-strong);background:var(--surface-input);width:100%;height:36px;color:var(--ink);font-family:var(--mono);letter-spacing:0;text-transform:none;border-radius:8px;outline:0;padding:0 9px;font-size:11px}.moment-editor input:focus,.moment-editor select:focus,.moment-editor-popover input:focus,.moment-editor-popover select:focus,.moment-popover input:focus,.moment-popover select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--focus-ring)}.moment-editor-actions,.moment-popover-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:7px;margin-top:12px;padding-top:11px;display:flex}.moment-popover-actions{grid-column:1/-1}.moment-editor-actions button,.moment-popover-actions button{width:auto;min-width:auto;height:34px;font-family:var(--sans);padding:0 12px;font-size:11px}.moment-editor-actions .primary,.moment-editor-actions button[type=submit],.moment-popover-actions .primary,.moment-popover-actions button[type=submit]{border-color:var(--blue);background:var(--blue);color:var(--on-blue)}.time-grid-scroll{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;overflow-x:auto}.time-grid{min-width:calc(var(--city-column) + 864px);position:relative}.grid-row{grid-template-columns:var(--city-column) repeat(24, minmax(36px, 1fr));border-bottom:1px solid var(--surface);display:grid;position:relative}.grid-row:last-child{border-bottom:0}.city-cell{z-index:3;border-right:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;min-width:0;padding:0 10px 0 15px;display:flex;position:sticky;left:0}.city-grid-row{transition:opacity .1s,filter .1s}.city-grid-row[draggable=true] .city-cell{cursor:grab}.city-grid-row[draggable=true]:active .city-cell{cursor:grabbing}.city-grid-row.dragging{opacity:.42;filter:saturate(.65)}.city-grid-row.drag-over:after{z-index:8;background:var(--blue);height:2px;box-shadow:0 0 8px var(--focus-ring);content:"";pointer-events:none;position:absolute;top:-1px;left:0;right:0}.drag-handle{width:24px;height:28px;color:var(--faint);font-family:var(--mono);letter-spacing:-.14em;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6px;flex:0 0 24px;place-items:center;margin:0 5px 0 -7px;padding:0;font-size:13px;display:grid}.drag-handle:hover{background:var(--surface-muted);color:var(--blue)}.drag-handle:active{cursor:grabbing}.header-city{background:var(--surface-muted);font-family:var(--mono);text-transform:uppercase;flex-direction:column;justify-content:center;align-items:flex-start;font-size:10px}.header-city small{color:var(--muted);margin-top:3px;font-size:9px}.city-name{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;min-width:0;padding:0;display:flex}.city-cell>.city-name{flex:auto}.city-name-row{align-items:baseline;gap:7px;min-width:0;display:flex}.city-name-row>strong{flex:auto;min-width:0}.city-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.city-current-time{color:var(--blue);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;flex:none;font-size:9px;font-weight:700}.city-name small{color:var(--muted);font-family:var(--mono);font-size:8px}.remove-city{width:22px;height:22px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.remove-city:hover{background:var(--surface-muted);color:var(--ink)}.time-cell{border:0;border-right:1px solid var(--grid-seam);min-width:0;height:49px;font-family:var(--mono);cursor:pointer;justify-content:center;align-items:baseline;padding:0;display:flex;position:relative}.time-cell.am{background:var(--am);color:var(--am-ink)}.time-cell.pm{background:var(--night);color:var(--night-ink)}.grid-row:nth-child(2n) .time-cell.am{background:var(--am-alt)}.grid-row:nth-child(2n) .time-cell.pm{background:var(--night-soft)}.time-cell>span{font-size:12px;font-weight:650}.time-cell>small{opacity:.62;margin-left:1px;font-size:7px}.time-cell.selected-time,.time-cell.active{z-index:2}.time-selection-line{z-index:4;background:var(--blue);width:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--surface) 44%, transparent), 0 0 8px var(--focus-ring);pointer-events:none;position:absolute;top:-1px;bottom:-1px;left:0;transform:translate(-1px)}.selected-at-half .time-selection-line{left:50%}.selected-at-start .time-selection-line{left:0}.header-time.selected-time:after,.header-time.active:after{z-index:5;background:var(--blue);content:"";border-radius:1px;width:6px;height:6px;position:absolute;top:0;left:0;transform:translate(-50%,-45%)rotate(45deg)}.header-time.selected-at-half:after{left:50%}.header-time{height:37px;color:var(--muted);flex-direction:column;align-items:center}.header-time>span{font-size:10px}.header-time>small{text-transform:uppercase;margin:1px 0 0;font-size:6px}.principles{justify-content:space-between;align-items:flex-end;gap:32px;padding:50px 3.4% 44px;display:flex}.principles p{letter-spacing:-.055em;max-width:650px;margin:0;font-size:clamp(28px,3.3vw,48px);font-weight:650;line-height:1.05}.principles p span{color:var(--muted)}.principles>div{color:var(--muted);font-family:var(--mono);flex-direction:column;gap:6px;font-size:11px;display:flex}.principles-top{align-items:center;padding:13px 3.4% 11px}.principles-top p{letter-spacing:-.045em;max-width:none;font-size:clamp(18px,2vw,25px);font-weight:660;line-height:1.12}.principles-top>div{letter-spacing:.02em;flex-flow:wrap;justify-content:flex-end;gap:5px 13px;font-size:9px}.principles-top>div span{position:relative}.principles-top>div span+span:before{color:var(--line-strong);content:"·";position:absolute;left:-8px}.site-footer{border-top:1px solid var(--line-strong);color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;padding:17px 3.4% 0;font-size:9px;display:flex}.toast{z-index:50;background:var(--ink);color:var(--on-ink);opacity:0;pointer-events:none;border-radius:10px;padding:11px 15px;font-size:12px;position:fixed;bottom:22px;right:22px;transform:translateY(20px)}.toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}@media (width<=880px){.site-shell{width:min(100% - 20px,1540px);padding-top:10px}.site-header{grid-template-columns:1fr auto}.main-nav{order:3;grid-column:1/-1;justify-content:center;margin-top:10px}.header-actions{grid-area:1/2}.intro{grid-template-columns:1fr;gap:9px;padding:19px 12px 15px}.intro-copy{font-size:14px}.map-wrap{padding:12px 42px 0}.map-arrow{width:30px;height:52px}.map-arrow-left{left:-35px}.map-arrow-right{right:-35px}.map-caption{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:7px 0}.same-time-cities{flex-direction:column;align-items:stretch;gap:10px}.popular-cities{flex-direction:column;align-items:flex-start;gap:9px}.same-time-heading{border:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:7px;padding:0}.same-time-heading strong{margin:0}.city-search{flex-basis:auto;width:100%}.grid-toolbar{flex-direction:column;align-items:stretch;gap:11px}.date-controls{flex-wrap:wrap;width:100%}.date-picker-wrap,.date-control.date-trigger{flex:auto}.date-trigger{width:100%}.moment-toolbar{justify-content:flex-start}.moment-editor-wrap{flex:auto}.moment-toolbar .moment-control{justify-content:center;width:100%;min-width:0}.principles{flex-direction:column;align-items:flex-start;padding:38px 12px}.principles-top{flex-direction:row;align-items:center;gap:20px;padding:13px 12px 11px}.principles-top>div{flex:0 auto}.site-footer{flex-direction:column;gap:7px;padding-left:12px;padding-right:12px}}@media (width<=520px){.site-shell{width:calc(100% - 12px)}.tool-card{border-radius:16px}.site-header{column-gap:8px}.wordmark{font-size:16px}.wordmark-mark{border-radius:8px;width:28px;height:28px;margin-right:7px;font-size:12px}.header-actions{gap:6px}.theme-toggle{width:40px}.share-button{padding:0 12px}.main-nav{justify-content:flex-start;overflow-x:auto}.main-nav a,.main-nav button{min-width:62px;padding-left:10px;padding-right:10px}.intro h1{font-size:32px}.map-wrap{padding-left:32px;padding-right:32px}.map-arrow{border-radius:9px;width:27px;height:46px;font-size:25px}.map-arrow-left{left:-30px}.map-arrow-right{right:-30px}.map-current-time{min-width:0;padding:6px 8px;display:block;top:6px;right:6px}.map-current-time>span,.map-current-time>small{display:none}.map-current-time strong{font-size:12px}.timezone-boundary{top:1%;bottom:2%}.same-time-cities,.grid-toolbar{padding-left:12px;padding-right:12px}.city-suggestions{scrollbar-width:thin;flex-wrap:nowrap;width:100%;padding-bottom:3px;overflow-x:auto}.city-suggestions button{flex:none}.date-controls{grid-template-columns:36px minmax(0,1fr) 36px;display:grid}.date-picker-wrap,.date-control.date-trigger,.date-trigger{min-width:0}.calendar-popover,.date-popover{left:50%;transform:translate(-50%)}.moment-toolbar{grid-template-columns:36px auto minmax(0,1fr) 36px;display:grid}.moment-editor-wrap{min-width:0}.moment-popover,.moment-editor,.moment-editor-popover{right:-43px}.principles-top{flex-direction:column;align-items:flex-start;gap:6px;padding:11px 6px 10px}.principles-top p{font-size:18px}.principles-top>div{justify-content:flex-start;font-size:8px}.toast{text-align:center;bottom:12px;left:12px;right:12px}}@media (width<=360px){.wordmark>span:not(.wordmark-mark),.wordmark>em{display:none}.main-nav a,.main-nav button{min-width:58px}.moment-toolbar{grid-template-columns:36px auto minmax(0,1fr) 36px}.now-button{padding:0 8px;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.share-button,.city-grid-row{transition:none}}