:root{color:#eef1ed;font-synthesis:none;color-scheme:dark;background:#101c23;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% 35%,#23352f66,#0000 55%);min-height:100vh;margin:0}header,main,footer{max-width:1240px;margin:auto}header{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;height:53px;padding:0 40px;display:flex}.brand{color:#f2f3ed;letter-spacing:-1px;font-size:23px;font-weight:700;text-decoration:none}.mark{color:#c3e6bd;vertical-align:-3px;margin-right:8px;font-size:32px}.domain{color:#81918d}.header-note,footer{color:#81918d;font-size:13px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:11px 15px}button:hover{background:#ffffff0c}button:focus-visible{outline-offset:4px;outline:2px solid #c3e6bd}header button{font-size:12px}header button span{margin-left:16px}main{padding:0 40px}.clock-panel{text-align:center;padding:65px 0 48px}.eyebrow{letter-spacing:2.7px;color:#b1c4bb;justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex}.live-dot{background:#c3e6bd;border-radius:50%;width:5px;height:5px}h1{letter-spacing:-.6px;color:#cbd3ce;margin:24px 0 25px;font-size:25px;font-weight:400;line-height:1.35}.clock{font-variant-numeric:tabular-nums;letter-spacing:-.065em;color:#d5efc9;justify-content:center;align-items:baseline;margin-top:25px;font-size:clamp(86px,14vw,180px);font-weight:500;line-height:1.1;display:flex}.colon{color:#8ba888;margin:0 .025em;position:relative;top:-.07em}.seconds{letter-spacing:-.04em;color:#91ad90;margin-left:.25em;font-size:.36em}.date{letter-spacing:-.3px;margin:25px 0 16px;font-size:19px}.zone{color:#9aada5;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.utc{border-left:1px solid #ffffff26;padding-left:10px}.sync-pill{color:#a4b8ac;border:1px solid #ffffff18;border-radius:30px;align-items:center;gap:9px;margin-top:29px;padding:4px 5px 4px 14px;font-size:12px;display:inline-flex}.status-dot{background:#d3b874;border-radius:50%;width:6px;height:6px}.status-dot.ok{background:#b7deb1}.status-dot.error{background:#e0aa7b}.sync-pill button{border:0;border-radius:50%;padding:6px 9px;font-size:18px}.details{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);padding:28px 0;display:grid}.details article{border-right:1px solid #ffffff1a;padding:0 34px}.details article:first-child{padding-left:0}.details article:last-child{border:0}.detail-label{letter-spacing:1.6px;color:#8c9e96;font-size:10px}.details p{font-variant-numeric:tabular-nums;letter-spacing:-.7px;margin:12px 0 9px;font-size:25px}.details small{color:#9baca3;font-size:13px}.detail-note{color:#81958b;font-size:12px}.about{align-items:center;gap:20px;padding:34px 0 45px;display:flex}.about-icon{color:#c3e6bd;font-size:30px}.about h2{margin:0 0 9px;font-size:15px;font-weight:400}.about p{color:#8fa198;max-width:590px;margin:0;font-size:12px;line-height:1.8}.about-tag{color:#97a99d;white-space:nowrap;margin-left:auto;font-size:15px}footer{border-top:1px solid #ffffff16;justify-content:space-between;padding:24px 40px;font-size:11px;display:flex}body:fullscreen{overflow:auto}@media (width>=1500px){.clock-panel{padding-top:90px;padding-bottom:65px}}@media (width<=650px){header{height:40px;padding:0 22px}.header-note{display:none}header button{padding:9px;font-size:10px}.brand{font-size:20px}main{padding:0 22px}.clock-panel{padding:48px 0 37px}h1{font-size:22px}.clock{letter-spacing:-.07em;font-size:clamp(72px,18vw,117px)}.seconds{margin-left:.15em}.date{font-size:16px}.zone{gap:7px;font-size:11px}.sync-pill{font-size:10px}.details{grid-template-columns:1fr;gap:20px;padding:25px 0}.details article,.details article:first-child{border:0;grid-template-columns:1fr auto;align-items:center;padding:0;display:grid}.details p{margin:0;font-size:20px}.detail-label{font-size:9px}.detail-note{grid-column:1/-1;margin-top:6px;font-size:11px}.about{align-items:flex-start;padding:28px 0}.about-tag{display:none}.about-icon{font-size:23px}.about p{font-size:11px}footer{gap:15px;padding:20px 22px;font-size:10px}}.clock-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.clock-panel{min-width:0;padding-left:18px;padding-right:18px}.clock-panel+.clock-panel{border-left:1px solid #ffffff1a}.clock{font-size:clamp(65px,8vw,112px)}.date{font-size:16px}.zone{flex-wrap:wrap;font-size:12px}.about a{color:inherit}@media (width<=650px){.clock-grid{grid-template-columns:1fr}.clock-panel+.clock-panel{border-top:1px solid #ffffff1a;border-left:0}.clock{font-size:clamp(72px,18vw,117px)}.clock-panel{padding-left:0;padding-right:0}}.city-navigation{color:#8fa198;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;padding:23px 0;font-size:13px;display:flex}.city-navigation a,.breadcrumbs a,.city-info a{color:#c3e6bd;text-underline-offset:4px}.breadcrumbs{color:#8fa198;align-items:center;gap:12px;padding:26px 0 0;font-size:12px;display:flex}.city-heading{text-align:center;padding:18px 0 0}.city-heading h1{color:#eef1ed;margin:12px 0;font-size:32px}.city-heading p{color:#8fa198;margin:0;font-size:13px}.city-info{border-bottom:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:50px;padding:30px 0;display:grid}.city-info h2{margin:0 0 15px;font-size:17px;font-weight:400}.city-info p{color:#9aada5;font-size:13px;line-height:1.8}.city-info a{font-size:12px}.city-info strong{color:#d5efc9;font-weight:400}#difference{color:#d5efc9;font-size:18px}a:focus-visible{outline-offset:4px;outline:2px solid #c3e6bd}@media (width<=650px){.city-heading h1{font-size:27px}.city-info{grid-template-columns:1fr;gap:20px}.breadcrumbs{font-size:11px}}.city-clock{text-align:center;border-bottom:1px solid #ffffff1a;padding:28px 0 40px}.city-clock .clock{margin-top:18px;font-size:clamp(100px,14vw,180px)}.city-clock .date{font-size:19px}.city-clock .sync-pill{margin-top:22px}[data-comparison-zone] .clock-panel{padding-top:32px;padding-bottom:32px}@media (width<=650px){.city-clock{padding:25px 0 32px}.city-clock .clock{font-size:clamp(78px,21vw,130px)}.city-clock .date{font-size:16px}}