:root{--font-system: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-caption: .6rem;--text-footnote: .7rem;--text-body: .85rem;--text-title: 1rem;--text-display: 1.7rem;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-body: 1.6;--space-1: .2rem;--space-2: .4rem;--space-3: .6rem;--space-4: .8rem;--space-5: 1rem;--space-6: 1.2rem;--space-7: 1.6rem;--space-8: 2rem;--space-9: 2.4rem;--radius-xs: .1rem;--radius-sm: .3rem;--radius-md: .5rem;--radius-lg: .8rem;--radius-circle: 50%;--radius-pill: 999px;--time-transition-fast: .15s;--time-transition: .3s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--intro-fade: .5s;--intro-overlap: .5;--intro-ease: cubic-bezier(.4, 0, .4, 1);--intro-hands-at: 0ms;--intro-dial-at: var(--intro-fade);--intro-global-at: calc(var(--intro-dial-at) + var(--intro-fade) * var(--intro-overlap));--intro-cities-at: calc(var(--intro-global-at) + var(--intro-fade) * var(--intro-overlap));--pill-height: 1.4rem;--pill-padding: .5rem;--pill-font-size: var(--text-footnote);--readouts-min-width: 20rem;--clock-base-width: 720px;--clock-scale: 1.2;--clock-font-size: calc(1rem * var(--clock-scale));--clock-font-size-big: calc(1.3rem * var(--clock-scale));--clock-font-size-small: calc(.8rem * var(--clock-scale))}@media(max-width:480px){:root{--clock-scale: 1}}@media(prefers-reduced-motion:reduce){:root{--intro-fade: 0ms}}:root{--color-grey-5a20: hsla(0, 0%, 5%, .2);--color-grey-5a70: hsla(0, 0%, 5%, .7);--color-grey-10: hsl(0, 0%, 10%);--color-grey-60: hsl(0, 0%, 60%);--color-grey-80: hsl(0, 0%, 80%);--color-grey-87: hsl(0, 0%, 87%);--color-grey-93: hsl(0, 0%, 93%);--color-brand: hsl(157, 38%, 45%);--color-on-brand: hsl(0, 0%, 100%);--shadow-panel: 0 6px 20px hsla(0, 0%, 0%, .08);--shadow-overlay: 0 8px 24px hsla(0, 0%, 0%, .18);--swatch-dark: hsl(0, 0%, 11%);--swatch-light: hsl(0, 0%, 97%);--swatch-titanium: hsl(20, 48%, 88%);--swatch-olive: hsl(70, 19%, 15%);--color-bg: var(--swatch-light);--color-text: var(--color-grey-10);--color-text-darker: var(--color-grey-10);--color-text-muted: var(--color-grey-60);--color-border: var(--color-grey-87);--color-clock-analog-bg: var(--color-grey-93);--color-clock-analog-second-mark: var(--color-grey-80);--color-clock-analog-second-mark-5: var(--color-grey-60);--color-clock-analog-second-hand: var(--color-grey-5a20);--color-clock-analog-second-label: var(--color-grey-60);--color-clock-analog-minute-hand: var(--color-grey-5a70);--color-clock-analog-hour-hand: var(--color-grey-5a70);--color-clock-analog-hour-label: var(--color-grey-60);--color-clock-analog-htime-ring: var(--color-grey-87);--color-clock-analog-htime-label: var(--color-grey-10);--color-clock-analog-htime-label-current: var(--color-brand);--color-clock-analog-pin: var(--color-grey-10);--city-1: #3a72c4;--city-2: #c2762c;--city-3: #7d5bc6;--city-4: #2b7f9e;--city-5: #b8508f;--city-6: #a8862a;--city-7: #c25046;--city-8: #56748f;--color-ring-off: var(--color-grey-87)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-grey-95a20: hsla(0, 0%, 95%, .2);--color-grey-95a70: hsla(0, 0%, 95%, .7);--color-bg: var(--swatch-dark);--color-text: hsl(0, 0%, 90%);--color-text-darker: hsl(0, 0%, 95%);--color-text-muted: hsl(0, 0%, 50%);--color-border: hsl(0, 0%, 25%);--color-clock-analog-bg: hsl(0, 0%, 18%);--color-clock-analog-second-mark: hsl(0, 0%, 30%);--color-clock-analog-second-mark-5: hsl(0, 0%, 50%);--color-clock-analog-second-hand: var(--color-grey-95a20);--color-clock-analog-second-label: hsl(0, 0%, 50%);--color-clock-analog-minute-hand: var(--color-grey-95a70);--color-clock-analog-hour-hand: var(--color-grey-95a70);--color-clock-analog-hour-label: hsl(0, 0%, 50%);--color-clock-analog-htime-ring: hsl(0, 0%, 25%);--color-clock-analog-htime-label: hsl(0, 0%, 90%);--color-clock-analog-htime-label-current: var(--color-brand);--color-clock-analog-pin: hsl(0, 0%, 90%);--city-1: #6ea3ea;--city-2: #dda15e;--city-3: #a68ce0;--city-4: #5aa9c4;--city-5: #d983b8;--city-6: #cfae52;--city-7: #e08078;--city-8: #8aa6bd;--color-ring-off: hsl(0, 0%, 27%)}}:root[data-theme=dark]{--color-grey-95a20: hsla(0, 0%, 95%, .2);--color-grey-95a70: hsla(0, 0%, 95%, .7);--color-bg: var(--swatch-dark);--color-text: hsl(0, 0%, 90%);--color-text-darker: hsl(0, 0%, 95%);--color-text-muted: hsl(0, 0%, 50%);--color-border: hsl(0, 0%, 25%);--color-clock-analog-bg: hsl(0, 0%, 18%);--color-clock-analog-second-mark: hsl(0, 0%, 30%);--color-clock-analog-second-mark-5: hsl(0, 0%, 50%);--color-clock-analog-second-hand: var(--color-grey-95a20);--color-clock-analog-second-label: hsl(0, 0%, 50%);--color-clock-analog-minute-hand: var(--color-grey-95a70);--color-clock-analog-hour-hand: var(--color-grey-95a70);--color-clock-analog-hour-label: hsl(0, 0%, 50%);--color-clock-analog-htime-ring: hsl(0, 0%, 25%);--color-clock-analog-htime-label: hsl(0, 0%, 90%);--color-clock-analog-htime-label-current: var(--color-brand);--color-clock-analog-pin: hsl(0, 0%, 90%);--city-1: #6ea3ea;--city-2: #dda15e;--city-3: #a68ce0;--city-4: #5aa9c4;--city-5: #d983b8;--city-6: #cfae52;--city-7: #e08078;--city-8: #8aa6bd;--color-ring-off: hsl(0, 0%, 27%)}:root[data-theme=titanium]{--color-bg: var(--swatch-titanium);--color-text: hsl(18, 30%, 22%);--color-text-darker: hsl(16, 38%, 14%);--color-text-muted: hsl(20, 16%, 46%);--color-border: hsl(20, 32%, 78%);--color-clock-analog-bg: hsl(36, 12%, 80%);--color-clock-analog-second-mark: hsl(32, 10%, 62%);--color-clock-analog-second-mark-5: hsl(24, 30%, 42%);--color-clock-analog-second-hand: hsla(22, 30%, 20%, .28);--color-clock-analog-second-label: hsl(28, 14%, 44%);--color-clock-analog-minute-hand: hsla(22, 28%, 16%, .82);--color-clock-analog-hour-hand: hsla(22, 28%, 16%, .82);--color-clock-analog-hour-label: hsl(28, 14%, 42%);--color-clock-analog-htime-ring: hsl(16, 46%, 44%);--color-clock-analog-htime-label: hsl(30, 44%, 96%);--color-clock-analog-htime-label-current: var(--color-brand);--color-clock-analog-pin: hsl(20, 30%, 20%);--city-1: #1f5fb8;--city-2: #0f7f78;--city-3: #7a3fb8;--city-4: #b02f6f;--city-5: #4a5f7a;--city-6: #7a6a1f;--city-7: #a02f2f;--city-8: #2f8fb8;--color-ring-off: hsl(20, 30%, 80%)}:root[data-theme=olive]{--color-bg: var(--swatch-olive);--color-text: hsl(45, 26%, 91%);--color-text-darker: hsl(48, 44%, 96%);--color-text-muted: hsl(40, 18%, 58%);--color-border: hsl(68, 15%, 30%);--color-clock-analog-bg: hsl(38, 26%, 23%);--color-clock-analog-second-mark: hsl(38, 18%, 40%);--color-clock-analog-second-mark-5: hsl(40, 42%, 66%);--color-clock-analog-second-hand: hsla(45, 40%, 92%, .26);--color-clock-analog-second-label: hsl(40, 24%, 64%);--color-clock-analog-minute-hand: hsla(45, 35%, 93%, .8);--color-clock-analog-hour-hand: hsla(45, 35%, 93%, .8);--color-clock-analog-hour-label: hsl(40, 26%, 66%);--color-clock-analog-htime-ring: hsl(38, 22%, 30%);--color-clock-analog-htime-label: hsl(45, 26%, 91%);--color-clock-analog-htime-label-current: var(--color-brand);--color-clock-analog-pin: hsl(45, 26%, 91%);--city-1: #c2703f;--city-2: #ddbf6b;--city-3: #7f9bb0;--city-4: #b45c5c;--city-5: #9d84a8;--city-6: #cfc0a4;--city-7: #5f8fa8;--city-8: #8c9a63;--color-ring-off: hsl(70, 13%, 26%)}@keyframes clock-intro-in{0%{opacity:0}to{opacity:1}}*,*:before,*:after{box-sizing:border-box}html{font-size:20px}body{margin:0;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-system);transition:background var(--time-transition),color var(--time-transition)}@media(max-width:720px){html{font-size:16px}}big{font-size:var(--clock-font-size-big)}small{font-size:var(--clock-font-size-small);color:var(--color-text-muted)}.clock-page{position:relative;display:flex;flex-direction:column;height:100dvh;padding:var(--space-5) var(--space-6) 0;overflow:hidden}.clock-page__stage{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;max-width:calc(var(--clock-base-width) * var(--clock-scale));margin:0 auto}.clock-page__clock{flex:1 1 auto;min-height:0}.clock-page__footer{flex:0 0 auto;margin-top:var(--space-5)}@media(max-width:480px){.clock-page{padding:var(--space-4) var(--space-4) 0}}.clock{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.clock__chrome{position:relative;flex:0 0 auto;min-width:min(100%,var(--readouts-min-width));max-width:100%;margin:0 auto}.clock__readouts{animation:clock-intro-in var(--intro-fade) var(--intro-ease) var(--intro-global-at) backwards;position:relative;flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;column-gap:var(--space-5);row-gap:var(--space-3)}.clock__local-digital-clock{min-width:0;text-align:left}.clock__htime-column{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.clock__htime-digital-clock{text-align:right}.clock__notice{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-on-brand);font-size:var(--text-caption);white-space:nowrap;pointer-events:none}.clock__zones{flex:0 0 auto;min-height:1.6rem;margin-top:var(--space-3)}.clock__answer{display:flex;align-items:center;flex:0 0 auto;min-height:1.4rem;margin-top:var(--space-3)}.clock--still .clock__dial,.clock--still .clock__rail,.clock--still .clock__thumb-stack{transition:none;animation:none}.clock__dial{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;transition:left var(--time-transition) var(--ease-standard),width var(--time-transition) var(--ease-standard),height var(--time-transition) var(--ease-standard)}.clock__analog-clock.clock-analog{width:100%;height:100%}.clock__side{position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);z-index:5;transition:left var(--time-transition) var(--ease-standard),width var(--time-transition) var(--ease-standard)}.clock__side .tour-panel{width:min(14rem,100%)}.clock--intro .clock__rail,.clock--intro .clock__thumb,.clock--intro .clock-analog__city-rings{animation:clock-intro-in var(--intro-fade) var(--intro-ease) var(--intro-cities-at) backwards}.clock__rail{--rail-gap: var(--space-5);position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--rail-gap);z-index:4;transition:left var(--time-transition) var(--ease-standard),width var(--time-transition) var(--ease-standard),opacity var(--time-transition) var(--intro-ease)}.clock__rail--hidden{opacity:0;pointer-events:none}.clock__rail .zone-bar{flex-direction:column;align-items:stretch;gap:var(--rail-gap);min-height:0}.clock__rail .zone-bar__chips{flex-direction:column;align-items:stretch;align-self:center;width:12rem;padding-bottom:0;overflow-x:visible}.clock__rail .zone-bar__chip{justify-content:flex-start}.clock__rail .zone-bar__time{margin-left:auto}.clock__rail .zone-bar__actions{display:flex;justify-content:center;align-items:center;gap:var(--space-2);padding:0}.clock__rail .dial-legend{align-self:center;width:12rem}.clock__rail .dial-legend__row{flex-direction:column;align-items:stretch;overflow-x:visible}.clock__rail-answer{align-self:center;width:12rem}.clock__thumb .tour-panel{width:100%;padding:var(--space-4) var(--space-5) var(--space-4)}.clock__thumb .tour-panel__body{max-width:46ch}.clock__thumb .tour-panel__cities{margin-top:var(--space-1)}.clock__thumb{transition:opacity var(--time-transition) var(--intro-ease);margin-top:auto;display:flex;flex-direction:column;flex:0 0 auto;z-index:4}.clock__thumb-stack{display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--time-transition) var(--ease-standard)}.clock__thumb .dial-legend__row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.clock__thumb .dial-legend__row::-webkit-scrollbar{display:none}.clock__rail{animation:clock-intro-in var(--time-transition) var(--intro-ease) backwards}.clock-analog{--second: 0;--minute: 0;--hour: 0;--offset: 0deg;height:auto;width:100%;fill:var(--color-clock-analog-bg);stroke:var(--color-clock-analog-second-mark);stroke-width:0;stroke-linecap:round;transform:rotate(-90deg);pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.clock-analog__1-second-marks{transform:translate(600px,600px);stroke-width:3}.clock-analog__face,.clock-analog__1-second-mark,.clock-analog__5-seconds-mark,.clock-analog__second-label,.clock-analog__hour-label{animation:clock-intro-in var(--intro-fade) var(--intro-ease) var(--intro-dial-at) backwards}.clock-analog__htime-label{animation:clock-intro-in var(--intro-fade) var(--intro-ease) var(--intro-global-at) backwards}.clock-analog__second-hand,.clock-analog__minute-hand,.clock-analog__hour-hand,.clock-analog__pin{animation:clock-intro-in var(--intro-fade) var(--intro-ease) var(--intro-hands-at) backwards}.clock-analog__1-second-mark:nth-child(1){transform:rotate(6deg)}.clock-analog__1-second-mark:nth-child(2){transform:rotate(12deg)}.clock-analog__1-second-mark:nth-child(3){transform:rotate(18deg)}.clock-analog__1-second-mark:nth-child(4){transform:rotate(24deg)}.clock-analog__1-second-mark:nth-child(5){transform:rotate(30deg)}.clock-analog__1-second-mark:nth-child(6){transform:rotate(36deg)}.clock-analog__1-second-mark:nth-child(7){transform:rotate(42deg)}.clock-analog__1-second-mark:nth-child(8){transform:rotate(48deg)}.clock-analog__1-second-mark:nth-child(9){transform:rotate(54deg)}.clock-analog__1-second-mark:nth-child(10){transform:rotate(60deg)}.clock-analog__1-second-mark:nth-child(11){transform:rotate(66deg)}.clock-analog__1-second-mark:nth-child(12){transform:rotate(72deg)}.clock-analog__1-second-mark:nth-child(13){transform:rotate(78deg)}.clock-analog__1-second-mark:nth-child(14){transform:rotate(84deg)}.clock-analog__1-second-mark:nth-child(15){transform:rotate(90deg)}.clock-analog__1-second-mark:nth-child(16){transform:rotate(96deg)}.clock-analog__1-second-mark:nth-child(17){transform:rotate(102deg)}.clock-analog__1-second-mark:nth-child(18){transform:rotate(108deg)}.clock-analog__1-second-mark:nth-child(19){transform:rotate(114deg)}.clock-analog__1-second-mark:nth-child(20){transform:rotate(120deg)}.clock-analog__1-second-mark:nth-child(21){transform:rotate(126deg)}.clock-analog__1-second-mark:nth-child(22){transform:rotate(132deg)}.clock-analog__1-second-mark:nth-child(23){transform:rotate(138deg)}.clock-analog__1-second-mark:nth-child(24){transform:rotate(144deg)}.clock-analog__1-second-mark:nth-child(25){transform:rotate(150deg)}.clock-analog__1-second-mark:nth-child(26){transform:rotate(156deg)}.clock-analog__1-second-mark:nth-child(27){transform:rotate(162deg)}.clock-analog__1-second-mark:nth-child(28){transform:rotate(168deg)}.clock-analog__1-second-mark:nth-child(29){transform:rotate(174deg)}.clock-analog__1-second-mark:nth-child(30){transform:rotate(180deg)}.clock-analog__1-second-mark:nth-child(31){transform:rotate(186deg)}.clock-analog__1-second-mark:nth-child(32){transform:rotate(192deg)}.clock-analog__1-second-mark:nth-child(33){transform:rotate(198deg)}.clock-analog__1-second-mark:nth-child(34){transform:rotate(204deg)}.clock-analog__1-second-mark:nth-child(35){transform:rotate(210deg)}.clock-analog__1-second-mark:nth-child(36){transform:rotate(216deg)}.clock-analog__1-second-mark:nth-child(37){transform:rotate(222deg)}.clock-analog__1-second-mark:nth-child(38){transform:rotate(228deg)}.clock-analog__1-second-mark:nth-child(39){transform:rotate(234deg)}.clock-analog__1-second-mark:nth-child(40){transform:rotate(240deg)}.clock-analog__1-second-mark:nth-child(41){transform:rotate(246deg)}.clock-analog__1-second-mark:nth-child(42){transform:rotate(252deg)}.clock-analog__1-second-mark:nth-child(43){transform:rotate(258deg)}.clock-analog__1-second-mark:nth-child(44){transform:rotate(264deg)}.clock-analog__1-second-mark:nth-child(45){transform:rotate(270deg)}.clock-analog__1-second-mark:nth-child(46){transform:rotate(276deg)}.clock-analog__1-second-mark:nth-child(47){transform:rotate(282deg)}.clock-analog__1-second-mark:nth-child(48){transform:rotate(288deg)}.clock-analog__1-second-mark:nth-child(49){transform:rotate(294deg)}.clock-analog__1-second-mark:nth-child(50){transform:rotate(300deg)}.clock-analog__1-second-mark:nth-child(51){transform:rotate(306deg)}.clock-analog__1-second-mark:nth-child(52){transform:rotate(312deg)}.clock-analog__1-second-mark:nth-child(53){transform:rotate(318deg)}.clock-analog__1-second-mark:nth-child(54){transform:rotate(324deg)}.clock-analog__1-second-mark:nth-child(55){transform:rotate(330deg)}.clock-analog__1-second-mark:nth-child(56){transform:rotate(336deg)}.clock-analog__1-second-mark:nth-child(57){transform:rotate(342deg)}.clock-analog__1-second-mark:nth-child(58){transform:rotate(348deg)}.clock-analog__1-second-mark:nth-child(59){transform:rotate(354deg)}.clock-analog__1-second-mark:nth-child(60){transform:rotate(360deg)}.clock-analog__5-seconds-marks{transform:translate(600px,600px);stroke-width:3;stroke:var(--color-clock-analog-second-mark-5)}.clock-analog__5-seconds-mark:nth-child(1){transform:rotate(30deg)}.clock-analog__5-seconds-mark:nth-child(2){transform:rotate(60deg)}.clock-analog__5-seconds-mark:nth-child(3){transform:rotate(90deg)}.clock-analog__5-seconds-mark:nth-child(4){transform:rotate(120deg)}.clock-analog__5-seconds-mark:nth-child(5){transform:rotate(150deg)}.clock-analog__5-seconds-mark:nth-child(6){transform:rotate(180deg)}.clock-analog__5-seconds-mark:nth-child(7){transform:rotate(210deg)}.clock-analog__5-seconds-mark:nth-child(8){transform:rotate(240deg)}.clock-analog__5-seconds-mark:nth-child(9){transform:rotate(270deg)}.clock-analog__5-seconds-mark:nth-child(10){transform:rotate(300deg)}.clock-analog__5-seconds-mark:nth-child(11){transform:rotate(330deg)}.clock-analog__5-seconds-mark:nth-child(12){transform:rotate(360deg)}.clock-analog__second-labels{font-size:30px;fill:var(--color-clock-analog-second-label);stroke:none;transform:translate(590px,585px)}.clock-analog__second-label:nth-child(1){transform:translate(calc(cos(1 * 30deg)*540px),calc(sin(1 * 30deg)*540px)) rotate(90deg)}.clock-analog__second-label:nth-child(2){transform:translate(calc(cos(2 * 30deg)*540px),calc(sin(2 * 30deg)*540px)) rotate(90deg)}.clock-analog__second-label:nth-child(3){transform:translate(calc(cos(3 * 30deg)*540px),calc(sin(3 * 30deg)*540px)) rotate(90deg)}.clock-analog__second-label:nth-child(4){transform:translate(calc(cos(4 * 30deg)*540px),calc(sin(4 * 30deg)*540px)) rotate(90deg)}.clock-analog__second-label:nth-child(5){transform:translate(calc(cos(5 * 30deg)*540px),calc(sin(5 * 30deg)*540px)) rotate(90deg)}.clock-analog__second-label:nth-child(6){transform:translate(calc(cos(6 * 30deg)*540px),calc(sin(6 * 30deg)*540px)) rotate(90deg)}.clock-analog__second-label:nth-child(7){transform:translate(calc(cos(7 * 30deg)*540px),calc(sin(7 * 30deg)*540px)) rotate(90deg)}.clock-analog__second-label:nth-child(8){transform:translate(calc(cos(8 * 30deg)*540px),calc(sin(8 * 30deg)*540px)) rotate(90deg)}.clock-analog__second-label:nth-child(9){transform:translate(calc(cos(9 * 30deg)*540px),calc(sin(9 * 30deg)*540px)) rotate(90deg)}.clock-analog__second-label:nth-child(10){transform:translate(calc(cos(10 * 30deg)*540px),calc(sin(10 * 30deg)*540px)) rotate(90deg)}.clock-analog__second-label:nth-child(11){transform:translate(calc(cos(11 * 30deg)*540px),calc(sin(11 * 30deg)*540px)) rotate(90deg)}.clock-analog__second-label:nth-child(12){transform:translate(calc(cos(12 * 30deg)*540px),calc(sin(12 * 30deg)*540px)) rotate(90deg)}.clock-analog__hour-labels{font-size:40px;fill:var(--color-clock-analog-hour-label);stroke:none;transform:translate(585px,577px)}.clock-analog__hour-label:nth-child(1),.clock-analog__hour-hit:nth-child(1){transform:translate(calc(cos(1 * 15deg)*410px),calc(sin(1 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(2),.clock-analog__hour-hit:nth-child(2){transform:translate(calc(cos(2 * 15deg)*410px),calc(sin(2 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(3),.clock-analog__hour-hit:nth-child(3){transform:translate(calc(cos(3 * 15deg)*410px),calc(sin(3 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(4),.clock-analog__hour-hit:nth-child(4){transform:translate(calc(cos(4 * 15deg)*410px),calc(sin(4 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(5),.clock-analog__hour-hit:nth-child(5){transform:translate(calc(cos(5 * 15deg)*410px),calc(sin(5 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(6),.clock-analog__hour-hit:nth-child(6){transform:translate(calc(cos(6 * 15deg)*410px),calc(sin(6 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(7),.clock-analog__hour-hit:nth-child(7){transform:translate(calc(cos(7 * 15deg)*410px),calc(sin(7 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(8),.clock-analog__hour-hit:nth-child(8){transform:translate(calc(cos(8 * 15deg)*410px),calc(sin(8 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(9),.clock-analog__hour-hit:nth-child(9){transform:translate(calc(cos(9 * 15deg)*410px),calc(sin(9 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(10),.clock-analog__hour-hit:nth-child(10){transform:translate(calc(cos(10 * 15deg)*410px),calc(sin(10 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(11),.clock-analog__hour-hit:nth-child(11){transform:translate(calc(cos(11 * 15deg)*410px),calc(sin(11 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(12),.clock-analog__hour-hit:nth-child(12){transform:translate(calc(cos(12 * 15deg)*410px),calc(sin(12 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(13),.clock-analog__hour-hit:nth-child(13){transform:translate(calc(cos(13 * 15deg)*410px),calc(sin(13 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(14),.clock-analog__hour-hit:nth-child(14){transform:translate(calc(cos(14 * 15deg)*410px),calc(sin(14 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(15),.clock-analog__hour-hit:nth-child(15){transform:translate(calc(cos(15 * 15deg)*410px),calc(sin(15 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(16),.clock-analog__hour-hit:nth-child(16){transform:translate(calc(cos(16 * 15deg)*410px),calc(sin(16 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(17),.clock-analog__hour-hit:nth-child(17){transform:translate(calc(cos(17 * 15deg)*410px),calc(sin(17 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(18),.clock-analog__hour-hit:nth-child(18){transform:translate(calc(cos(18 * 15deg)*410px),calc(sin(18 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(19),.clock-analog__hour-hit:nth-child(19){transform:translate(calc(cos(19 * 15deg)*410px),calc(sin(19 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(20),.clock-analog__hour-hit:nth-child(20){transform:translate(calc(cos(20 * 15deg)*410px),calc(sin(20 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(21),.clock-analog__hour-hit:nth-child(21){transform:translate(calc(cos(21 * 15deg)*410px),calc(sin(21 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(22),.clock-analog__hour-hit:nth-child(22){transform:translate(calc(cos(22 * 15deg)*410px),calc(sin(22 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(23),.clock-analog__hour-hit:nth-child(23){transform:translate(calc(cos(23 * 15deg)*410px),calc(sin(23 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label:nth-child(24),.clock-analog__hour-hit:nth-child(24){transform:translate(calc(cos(24 * 15deg)*410px),calc(sin(24 * 15deg)*410px)) rotate(90deg)}.clock-analog__hour-label{transition:fill var(--time-transition-fast)}.clock-analog__hour-label--selected{fill:var(--color-clock-analog-htime-label-current);font-weight:var(--weight-bold)}.clock-analog__hour-label--fit{fill:var(--color-clock-analog-htime-label-current);opacity:1}.clock-analog__hour-label--best{font-weight:var(--weight-bold)}.clock-analog__hour-hits,.clock-analog__htime-hits{transform:translate(600px,600px);pointer-events:auto;cursor:pointer}.clock-analog__hour-hit,.clock-analog__htime-hit{fill:transparent;stroke:none}.clock-analog__htime-ring{fill:none;stroke:var(--color-clock-analog-htime-ring);stroke-width:120;animation:clock-intro-in var(--intro-fade) var(--intro-ease) var(--intro-global-at) backwards}.clock-analog__htime-labels{font-size:40px;fill:var(--color-clock-analog-htime-label);stroke:none;transform:translate(585px,585px)}.clock-analog__htime-label{transition:fill var(--time-transition-fast)}.clock-analog__htime-label--lit{font-weight:var(--weight-bold)}.clock-analog__htime-label--current{fill:var(--color-clock-analog-htime-label-current)}.clock-analog__htime-label--selected{fill:var(--color-clock-analog-htime-label-current);font-weight:var(--weight-bold)}.clock-analog__htime-label--fit{fill:var(--color-clock-analog-htime-label-current);opacity:1}.clock-analog__htime-label--best{font-weight:var(--weight-bold)}.clock-analog--selecting .clock-analog__htime-label:not(.clock-analog__htime-label--selected),.clock-analog--selecting .clock-analog__hour-label:not(.clock-analog__hour-label--selected){opacity:.35}.clock-analog--filtering .clock-analog__htime-label:not(.clock-analog__htime-label--fit){opacity:.2}.clock-analog__htime-label:nth-child(1),.clock-analog__htime-hit:nth-child(1){transform:translate(calc(cos((1 - 1) * 15deg + var(--offset))*300px),calc(sin((1 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(2),.clock-analog__htime-hit:nth-child(2){transform:translate(calc(cos((2 - 1) * 15deg + var(--offset))*300px),calc(sin((2 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(3),.clock-analog__htime-hit:nth-child(3){transform:translate(calc(cos((3 - 1) * 15deg + var(--offset))*300px),calc(sin((3 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(4),.clock-analog__htime-hit:nth-child(4){transform:translate(calc(cos((4 - 1) * 15deg + var(--offset))*300px),calc(sin((4 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(5),.clock-analog__htime-hit:nth-child(5){transform:translate(calc(cos((5 - 1) * 15deg + var(--offset))*300px),calc(sin((5 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(6),.clock-analog__htime-hit:nth-child(6){transform:translate(calc(cos((6 - 1) * 15deg + var(--offset))*300px),calc(sin((6 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(7),.clock-analog__htime-hit:nth-child(7){transform:translate(calc(cos((7 - 1) * 15deg + var(--offset))*300px),calc(sin((7 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(8),.clock-analog__htime-hit:nth-child(8){transform:translate(calc(cos((8 - 1) * 15deg + var(--offset))*300px),calc(sin((8 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(9),.clock-analog__htime-hit:nth-child(9){transform:translate(calc(cos((9 - 1) * 15deg + var(--offset))*300px),calc(sin((9 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(10),.clock-analog__htime-hit:nth-child(10){transform:translate(calc(cos((10 - 1) * 15deg + var(--offset))*300px),calc(sin((10 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(11),.clock-analog__htime-hit:nth-child(11){transform:translate(calc(cos((11 - 1) * 15deg + var(--offset))*300px),calc(sin((11 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(12),.clock-analog__htime-hit:nth-child(12){transform:translate(calc(cos((12 - 1) * 15deg + var(--offset))*300px),calc(sin((12 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(13),.clock-analog__htime-hit:nth-child(13){transform:translate(calc(cos((13 - 1) * 15deg + var(--offset))*300px),calc(sin((13 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(14),.clock-analog__htime-hit:nth-child(14){transform:translate(calc(cos((14 - 1) * 15deg + var(--offset))*300px),calc(sin((14 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(15),.clock-analog__htime-hit:nth-child(15){transform:translate(calc(cos((15 - 1) * 15deg + var(--offset))*300px),calc(sin((15 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(16),.clock-analog__htime-hit:nth-child(16){transform:translate(calc(cos((16 - 1) * 15deg + var(--offset))*300px),calc(sin((16 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(17),.clock-analog__htime-hit:nth-child(17){transform:translate(calc(cos((17 - 1) * 15deg + var(--offset))*300px),calc(sin((17 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(18),.clock-analog__htime-hit:nth-child(18){transform:translate(calc(cos((18 - 1) * 15deg + var(--offset))*300px),calc(sin((18 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(19),.clock-analog__htime-hit:nth-child(19){transform:translate(calc(cos((19 - 1) * 15deg + var(--offset))*300px),calc(sin((19 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(20),.clock-analog__htime-hit:nth-child(20){transform:translate(calc(cos((20 - 1) * 15deg + var(--offset))*300px),calc(sin((20 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(21),.clock-analog__htime-hit:nth-child(21){transform:translate(calc(cos((21 - 1) * 15deg + var(--offset))*300px),calc(sin((21 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(22),.clock-analog__htime-hit:nth-child(22){transform:translate(calc(cos((22 - 1) * 15deg + var(--offset))*300px),calc(sin((22 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(23),.clock-analog__htime-hit:nth-child(23){transform:translate(calc(cos((23 - 1) * 15deg + var(--offset))*300px),calc(sin((23 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__htime-label:nth-child(24),.clock-analog__htime-hit:nth-child(24){transform:translate(calc(cos((24 - 1) * 15deg + var(--offset))*300px),calc(sin((24 - 1) * 15deg + var(--offset))*300px)) rotate(90deg)}.clock-analog__second-hand{stroke:var(--color-clock-analog-second-hand);stroke-width:6;transform:translate(600px,600px) rotate(calc(var(--second) * 6deg));transition:transform var(--time-transition-fast);will-change:transform}.clock-analog__second-hand--reset{transition:transform 0ms}.clock-analog__minute-hand{stroke:var(--color-clock-analog-minute-hand);stroke-width:15;transform:translate(600px,600px) rotate(calc(var(--minute) * 6deg));transition:transform var(--time-transition-fast);will-change:transform}.clock-analog__minute-hand--reset{transition:transform 0ms}.clock-analog__hour-hand{stroke:var(--color-clock-analog-hour-hand);stroke-width:25;transform:translate(600px,600px) rotate(calc(var(--hour) * 15deg));transition:transform var(--time-transition-fast);will-change:transform}.clock-analog__hour-hand--reset{transition:transform 0ms}.clock-analog__city-rings{pointer-events:none}.clock-analog__city,.clock-analog__shared-layer{transition:opacity var(--time-transition-fast)}.clock-analog__city[data-dim],.clock-analog__shared-layer[data-dim]{opacity:.08}.clock-analog__city-track{fill:none;stroke:var(--color-ring-off)}.clock-analog__city-day,.clock-analog__city-shared{fill:none;stroke-linecap:butt}.clock-analog__city-day{opacity:.95}.clock-analog__city-day--home{opacity:.85}.clock-analog__city-shared{stroke:var(--color-clock-analog-htime-label-current)}.clock-analog__shared-band{fill:var(--color-clock-analog-htime-label-current);stroke:none;opacity:.28}.clock-analog__shared-solid{fill:var(--color-clock-analog-htime-label-current);stroke:none;opacity:0;transition:opacity var(--time-transition-fast)}.clock-analog--planning .clock-analog__second-hand{opacity:0}.clock-analog--planning .clock-analog__minute-hand{opacity:.25}.clock-analog[data-focus] .clock-analog__1-second-marks,.clock-analog[data-focus] .clock-analog__5-seconds-marks,.clock-analog[data-focus] .clock-analog__second-labels,.clock-analog[data-focus] .clock-analog__hour-labels,.clock-analog[data-focus] .clock-analog__htime-ring,.clock-analog[data-focus] .clock-analog__htime-labels,.clock-analog[data-focus] .clock-analog__city-track,.clock-analog[data-focus] .clock-analog__city-day,.clock-analog[data-focus] .clock-analog__city-shared,.clock-analog[data-focus] .clock-analog__shared-band,.clock-analog[data-focus] .clock-analog__second-hand,.clock-analog[data-focus] .clock-analog__minute-hand,.clock-analog[data-focus] .clock-analog__hour-hand,.clock-analog[data-focus] .clock-analog__pin{opacity:.1;transition:opacity var(--time-transition)}.clock-analog[data-focus=minutes] .clock-analog__1-second-marks,.clock-analog[data-focus=minutes] .clock-analog__5-seconds-marks,.clock-analog[data-focus=minutes] .clock-analog__second-labels,.clock-analog[data-focus=hours] .clock-analog__hour-labels{opacity:1}.clock-analog[data-focus=hours] .clock-analog__hour-hand{opacity:.55}.clock-analog[data-focus=letters] .clock-analog__htime-ring,.clock-analog[data-focus=letters] .clock-analog__htime-labels,.clock-analog[data-focus=rings] .clock-analog__city-track,.clock-analog[data-focus=rings] .clock-analog__city-day{opacity:1}.clock-analog[data-focus=shared] .clock-analog__city-track,.clock-analog[data-focus=shared] .clock-analog__city-day{opacity:.35}.clock-analog[data-focus=shared] .clock-analog__city-shared,.clock-analog[data-focus=shared] .clock-analog__shared-band{opacity:0}.clock-analog[data-focus=shared] .clock-analog__shared-solid,.clock-analog[data-focus=shared] .clock-analog__htime-labels{opacity:1}.clock-analog__pin{stroke:var(--color-clock-analog-pin);stroke-width:20}.clock-digital{font-size:var(--clock-font-size);white-space:nowrap}.clock-digital__time{display:block;margin-bottom:var(--space-2);line-height:var(--leading-tight);font-weight:var(--weight-bold);color:var(--color-text-darker)}.clock-digital__hTime{color:var(--color-brand)}.clock-digital__date{margin-bottom:var(--space-1);line-height:var(--leading-snug)}.clock-digital__time-zone{display:block;line-height:var(--leading-snug)}.meeting-answer{--answer-dot-size: 8px;--answer-dot-gap: var(--space-2);display:flex;align-items:center;justify-content:flex-start;gap:var(--answer-dot-gap);height:var(--pill-height);padding:0 var(--pill-padding);font-size:var(--text-footnote);color:var(--color-text-muted)}.meeting-answer--empty{margin:0;color:var(--color-text-muted);font-size:var(--text-footnote)}.meeting-answer__mark{flex:0 0 auto;width:var(--answer-dot-size);height:var(--answer-dot-size);border-radius:var(--radius-circle);background:var(--color-brand)}.meeting-answer__letter{color:var(--color-brand);font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-none);font-variant-numeric:tabular-nums}.meeting-answer__verb{color:var(--color-text)}.copy-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--pill-height);height:var(--pill-height);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);vertical-align:middle;cursor:pointer;transition:color var(--time-transition-fast),border-color var(--time-transition-fast)}.copy-link:hover,.copy-link--copied{color:var(--color-brand);border-color:var(--color-brand)}.copy-link svg{width:.7rem;height:.7rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.meeting-readout{text-align:right;white-space:nowrap}.meeting-readout__headline{display:block;line-height:var(--leading-tight);font-weight:var(--weight-bold);color:var(--color-text-darker)}.meeting-readout__letter{color:var(--color-brand);font-variant-numeric:tabular-nums}.meeting-readout__copy{margin-left:var(--space-2)}.zone-bar{position:relative;display:flex;align-items:center;min-height:var(--pill-height);gap:var(--space-2);font-size:var(--pill-font-size)}.zone-bar--empty{justify-content:center}.zone-bar__chips{display:flex;align-items:center;gap:var(--space-2);flex:0 1 auto;min-width:0;overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:thin}.zone-bar__chip{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-2);flex:0 0 auto;height:var(--pill-height);padding:0 var(--pill-padding);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none}.zone-bar__chip--home{color:var(--color-text);font-weight:var(--weight-medium)}.zone-bar__icon{flex:0 0 auto;width:.8rem;height:.8rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.zone-bar__add-label{white-space:nowrap;overflow:hidden}.zone-bar__add--start .zone-bar__add-label{max-width:0;opacity:0;transition:max-width var(--time-transition) var(--ease-standard),opacity var(--time-transition-fast)}.zone-bar__add--open .zone-bar__add-label{max-width:12rem;opacity:1}.zone-bar__dot{width:8px;height:8px;border-radius:var(--radius-circle);flex:0 0 auto}.zone-bar__time{color:var(--color-brand);font-variant-numeric:tabular-nums}.zone-bar__remove{flex:0 0 auto;width:.7rem;padding:0;border:0;background:transparent;color:var(--color-text-muted);font:inherit;line-height:var(--leading-none);text-align:center;cursor:pointer;transition:color var(--time-transition-fast)}.zone-bar__remove:hover{color:var(--color-text)}.zone-bar__actions{display:inline-flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.zone-bar__adder{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.zone-bar__clear{display:inline-flex;align-items:center;justify-content:center;line-height:var(--leading-none);flex:0 0 auto;height:var(--pill-height);padding:0 var(--pill-padding);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--pill-font-size);white-space:nowrap;cursor:pointer}.zone-bar__clear:hover{color:var(--color-text);text-decoration:underline}.zone-bar__add{position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--pill-height);padding:0 var(--pill-padding);transition:color var(--time-transition-fast),border-color var(--time-transition-fast)}.zone-bar__add--start{gap:0;line-height:var(--leading-none);padding:0;width:max-content;min-width:var(--pill-height);color:var(--color-text);overflow:hidden;transition:gap var(--time-transition) var(--ease-standard),padding var(--time-transition) var(--ease-standard),color var(--time-transition-fast),border-color var(--time-transition-fast)}.zone-bar__add--open{gap:var(--space-2);padding:0 var(--pill-padding)}.zone-bar__add{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--pill-font-size);white-space:nowrap;cursor:pointer}.zone-bar__add:hover{color:var(--color-brand);border-color:var(--color-brand)}.zone-picker{position:absolute;z-index:10;top:calc(100% + .4rem);width:22rem;max-width:calc(100vw - 2rem);max-height:18rem;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-overlay);overflow:hidden}.zone-picker--up{top:auto;bottom:calc(100% + .4rem)}.zone-picker__search{flex:0 0 auto;width:100%;padding:var(--space-3) var(--space-3);border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text);font:inherit;font-size:var(--text-footnote);outline:none}.zone-picker__results{flex:1 1 auto;margin:0;padding:var(--space-1);list-style:none;overflow-y:auto}.zone-picker__option{display:flex;align-items:baseline;gap:var(--space-4);width:100%;white-space:nowrap;padding:var(--space-1) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;font-size:var(--text-footnote);text-align:left;cursor:pointer}.zone-picker__option:hover,.zone-picker__option--active{background:var(--color-clock-analog-htime-ring)}.zone-picker__city{overflow:hidden;text-overflow:ellipsis}.zone-picker__region{margin-left:auto;flex:0 0 auto;color:var(--color-text-muted);font-size:var(--text-footnote)}.zone-picker__empty{padding:var(--space-3);color:var(--color-text-muted);font-size:var(--text-footnote)}.dial-legend{display:flex;min-width:0}.dial-legend__row{display:flex;align-items:center;gap:var(--space-1);max-width:100%;overflow-x:auto;scrollbar-width:none}.dial-legend__row::-webkit-scrollbar{display:none}.dial-legend__item{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-1);flex:0 0 auto;height:var(--pill-height);padding:0 var(--pill-padding);border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--pill-font-size);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;transition:color var(--time-transition-fast),border-color var(--time-transition-fast)}.dial-legend__item:hover,.dial-legend__item--active{border-color:var(--color-border);color:var(--color-text)}.dial-legend__key{flex:0 0 auto;width:9px;height:9px;border-radius:var(--radius-xs);background:var(--color-text-muted)}.dial-legend__key--letters{background:var(--color-text-darker)}.dial-legend__key--rings{background:linear-gradient(90deg,var(--city-1) 50%,var(--city-2) 50%)}.dial-legend__key--shared{background:var(--color-brand)}.tour-panel{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-panel)}.tour-panel__close{position:absolute;top:.4rem;right:.4rem;display:inline-flex;align-items:center;justify-content:center;width:var(--pill-height);height:var(--pill-height);padding:0;border:0;border-radius:var(--radius-circle);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--text-body);line-height:var(--leading-none);cursor:pointer;transition:color var(--time-transition-fast)}.tour-panel__close:hover{color:var(--color-text)}.tour-panel__title{margin:0;padding-right:var(--pill-height);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-text)}.tour-panel__body{margin:0;font-size:var(--text-footnote);line-height:var(--leading-body);color:var(--color-text-muted)}.tour-panel__cities{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.tour-panel__city{display:inline-flex;align-items:center;height:var(--pill-height);padding:0 var(--pill-padding);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--pill-font-size);white-space:nowrap;cursor:pointer;transition:color var(--time-transition-fast),border-color var(--time-transition-fast)}.tour-panel__city:hover,.tour-panel__city--active{color:var(--color-brand);border-color:var(--color-brand)}.tour-panel__foot{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-1)}.tour-panel__stepper{display:flex;align-items:center;gap:var(--space-1);flex:0 0 auto}.tour-panel__step{display:inline-flex;align-items:center;justify-content:center;width:var(--pill-height);height:var(--pill-height);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-circle);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--text-footnote);line-height:var(--leading-none);cursor:pointer;transition:color var(--time-transition-fast),border-color var(--time-transition-fast)}.tour-panel__step:hover:not(:disabled){color:var(--color-brand);border-color:var(--color-brand)}.tour-panel__step:disabled{opacity:.3;cursor:default}.tour-panel__track{flex:1 1 auto;height:2px;border-radius:var(--radius-xs);background:var(--color-border);overflow:hidden}.tour-panel__fill{height:100%;background:var(--color-brand);transition:width var(--time-transition) var(--ease-standard)}.footer-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-5);padding:var(--space-4) 0;border-top:1px solid var(--color-border);font-size:var(--text-footnote);color:var(--color-text-muted)}.footer-bar__meta{display:flex;align-items:center;gap:var(--space-5);min-width:0}.footer-bar__link{color:inherit;text-decoration:none;white-space:nowrap;transition:color var(--time-transition-fast)}.footer-bar__link:hover{color:var(--color-brand)}.footer-bar__tour{flex:0 0 auto;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--text-footnote);cursor:pointer;transition:color var(--time-transition-fast)}.footer-bar__tour:hover{color:var(--color-brand)}.footer-bar__theme{flex:0 0 auto}.footer-bar__credit{margin-left:auto;text-align:right}@media(max-width:480px){.footer-bar{padding:var(--space-4) 0}}.theme-toggle{position:relative;display:inline-flex}.theme-toggle__trigger{display:grid;place-items:center;width:var(--pill-height);height:var(--pill-height);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-circle);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:color var(--time-transition-fast),border-color var(--time-transition-fast)}.theme-toggle__trigger:hover{color:var(--color-brand);border-color:var(--color-brand)}.theme-toggle__menu{position:absolute;top:50%;left:calc(100% + .35rem);transform:translateY(-50%);display:flex;flex-direction:row;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:var(--shadow-overlay);z-index:10}.theme-toggle__option{display:grid;place-items:center;width:var(--pill-height);height:var(--pill-height);padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--time-transition-fast)}.theme-toggle__option:hover,.theme-toggle__option--selected{color:var(--color-brand)}.theme-toggle__trigger svg,.theme-toggle__option svg{width:.8rem;height:.8rem;fill:none;stroke:currentColor;stroke-width:1.8}.how-it-works{display:flex;flex-direction:column;min-height:100dvh;padding:var(--space-5) var(--space-6) 0;line-height:var(--leading-body);color:var(--color-text)}.how-it-works p{margin:0 0 var(--space-5)}.how-it-works strong{color:var(--color-text-darker)}.how-it-works__body{flex:1 1 auto;width:100%;max-width:34rem;margin:0 auto;padding-bottom:var(--space-9)}.how-it-works__back{display:inline-block;margin-bottom:var(--space-8);color:var(--color-text-muted);font-size:var(--text-body);text-decoration:none}.how-it-works__back:hover{color:var(--color-text)}.how-it-works__title{margin:0 0 var(--space-8);font-size:var(--text-display);line-height:var(--leading-tight);color:var(--color-text-darker)}.how-it-works__heading{margin:var(--space-9) 0 var(--space-4);font-size:var(--text-title);font-weight:var(--weight-bold);color:var(--color-brand)}.how-it-works__layers{margin:0 0 var(--space-5);padding-left:var(--space-6)}.how-it-works__layers li{margin-bottom:var(--space-3)}.how-it-works__demo{margin:var(--space-6) 0}.how-it-works__footer{flex:0 0 auto}.how-it-works__highlight{color:var(--color-brand)}.how-it-works__url{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-clock-analog-htime-ring);color:var(--color-brand);font-family:var(--font-mono);font-size:var(--text-body)}@media(max-width:480px){.how-it-works{padding:var(--space-4) var(--space-4) 0}}.overlap-demo{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.overlap-demo__clock{width:100%;max-width:26rem}.overlap-demo__answer{justify-content:center}.overlap-demo__cities{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.overlap-demo__city{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--pill-height);padding:0 var(--pill-padding);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--pill-font-size);line-height:var(--leading-none);cursor:pointer;transition:color var(--time-transition-fast),border-color var(--time-transition-fast)}.overlap-demo__city:hover:not(:disabled){color:var(--color-brand);border-color:var(--color-brand)}.overlap-demo__city:disabled{cursor:default}.overlap-demo__city--on{border-color:var(--color-text-muted);color:var(--color-text-darker)}.overlap-demo__dot{width:.4rem;height:.4rem;border:1px solid var(--color-border);border-radius:var(--radius-circle)}.overlap-demo__legend{width:100%}.overlap-demo__caption{margin:0;color:var(--color-text-muted);font-size:var(--text-body);text-align:center}.stand-demo{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stand-demo__readouts{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;column-gap:var(--space-5);row-gap:var(--space-3);font-size:var(--text-body)}.stand-demo__digital{--clock-scale: 1}.stand-demo__clock{width:100%;max-width:20rem;margin:0 auto}.stand-demo__cities{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.stand-demo__city{display:inline-flex;align-items:center;justify-content:center;height:var(--pill-height);padding:0 var(--pill-padding);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--pill-font-size);line-height:var(--leading-none);cursor:pointer;transition:color var(--time-transition-fast),border-color var(--time-transition-fast)}.stand-demo__city:hover{color:var(--color-brand);border-color:var(--color-brand)}.stand-demo__city--active{border-color:var(--color-brand);color:var(--color-brand)}