: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-grey-97: hsl(0, 0%, 97%);--color-brand: hsl(157, 38%, 45%);--time-transition-fast: .15s;--time-transition: .3s;--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));--color-bg: var(--color-grey-97);--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)}@media(max-width:480px){:root{--clock-scale: 1}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-grey-95a20: hsla(0, 0%, 95%, .2);--color-grey-95a70: hsla(0, 0%, 95%, .7);--color-bg: hsl(0, 0%, 11%);--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%)}}:root[data-theme=dark]{--color-grey-95a20: hsla(0, 0%, 95%, .2);--color-grey-95a70: hsla(0, 0%, 95%, .7);--color-bg: hsl(0, 0%, 11%);--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%)}*,*: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:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;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{display:flex;flex-direction:column;height:100dvh;padding:1rem 1.25rem .75rem;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:1.6rem}@media(max-width:480px){.clock-page{padding:.75rem .75rem .5rem}}.clock{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.clock__readouts{position:relative;flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;column-gap:1rem;row-gap:.5rem}.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:.1rem .55rem;border-radius:999px;background:var(--color-brand);color:#fff;font-size:.6rem;white-space:nowrap;pointer-events:none}.clock__analog-clock.clock-analog{flex:1 1 auto;min-height:0;width:100%;height:100%;margin-top:.5rem}.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__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:700}.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{stroke:var(--color-clock-analog-htime-ring);stroke-width:120}.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--current{fill:var(--color-clock-analog-htime-label-current)}.clock-analog__htime-label--selected{fill:var(--color-clock-analog-htime-label-current);font-weight:700}.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__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__pin{stroke:var(--color-clock-analog-pin);stroke-width:20}.clock-digital{font-size:var(--clock-font-size)}.clock-digital__time{display:block;margin-bottom:.35rem;line-height:1.2;font-weight:700;color:var(--color-text-darker)}.clock-digital__hTime{color:var(--color-brand)}.clock-digital__date{margin-bottom:.25rem;line-height:1.3}.clock-digital__time-zone{display:block;line-height:1.3}.footer-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;padding-top:1rem;border-top:1px solid var(--color-border);font-size:.7rem;color:var(--color-text-muted)}.footer-bar__meta{display:flex;align-items:center;gap:1rem;min-width:0}.footer-bar__link{color:var(--color-brand);text-decoration:none;white-space:nowrap}.footer-bar__link:hover{text-decoration:underline}.footer-bar__theme{flex:0 0 auto}.footer-bar__credit{margin-left:auto;text-align:right}.theme-toggle{display:inline-flex;gap:1px;padding:2px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg)}.theme-toggle__option{padding:.25rem .75rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);font:inherit;font-size:.7rem;cursor:pointer;transition:background var(--time-transition-fast),color var(--time-transition-fast)}.theme-toggle__option:hover{color:var(--color-text)}.theme-toggle__option--selected{background:var(--color-brand);color:#fff}.how-it-works{max-width:34rem;margin:0 auto;padding:1.5rem 1rem 3rem;line-height:1.6;color:var(--color-text)}.how-it-works p{margin:0 0 1rem}.how-it-works strong{color:var(--color-text-darker)}.how-it-works__back{display:inline-block;margin-bottom:2rem;color:var(--color-text-muted);font-size:.8rem;text-decoration:none}.how-it-works__back:hover{color:var(--color-text)}.how-it-works__title{margin:0 0 2rem;font-size:2rem;line-height:1.2;color:var(--color-text-darker)}.how-it-works__heading{margin:2.25rem 0 .75rem;font-size:1.05rem;font-weight:700;color:var(--color-brand)}.how-it-works__layers{margin:0 0 1rem;padding-left:1.2rem}.how-it-works__layers li{margin-bottom:.6rem}.how-it-works__footer{margin-top:2.5rem}.how-it-works__highlight{color:var(--color-brand)}.how-it-works__url{display:inline-block;padding:.1rem .4rem;border-radius:.25rem;background:var(--color-clock-analog-htime-ring);color:var(--color-brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.how-it-works__caption{color:var(--color-text-muted);font-size:.85rem}@media(max-width:480px){.how-it-works{padding:1rem .75rem 2rem}}.example-clocks{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0}.example-clocks__item{margin:0;text-align:center}.example-clocks__clock{display:block;width:100%}.example-clocks__caption{display:flex;flex-direction:column;gap:.1rem;margin-top:.5rem}.example-clocks__city{font-size:.7rem;color:var(--color-text-muted);line-height:1.2}.example-clocks__time{color:var(--color-brand)}@media(max-width:480px){.example-clocks{grid-template-columns:repeat(2,1fr);gap:1.25rem}}