:root{--bg:#f3f6fa;--surface:#fff;--ink:#162b40;--muted:#5c6d7d;--line:#dce4ec;--accent:#087c77;--shadow:0 8px 30px #15325106;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink)}body.dark{--bg:#0d1721;--surface:#172431;--ink:#e7eff7;--muted:#a4b4c4;--line:#2a3c4c;--accent:#69ddd0;color-scheme:dark}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #149b93;outline-offset:4px}header{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;gap:20px}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center}.brand>span:not(.logo){font-weight:400}.logo{color:var(--accent);font-size:35px;margin-right:10px;font-weight:400}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none}nav a:hover{color:var(--accent)}nav button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:24px;border-radius:50%;height:44px;width:44px;padding:0}main{max-width:1220px;padding:8px 32px 0;margin:auto}.focus{border-radius:24px;background:#122c45;color:#f4f8fe;padding:26px 44px 22px;box-shadow:0 12px 34px #12324d12}.clock-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;color:var(--accent)}.focus .eyebrow{color:#7fe1d6}.clock-top button{background:transparent;color:#d1deeb;border:1px solid #496075;border-radius:8px;padding:8px 12px;font-size:14px}.location{margin-top:25px;text-align:center}.location h1{font-size:clamp(22px,3vw,31px);font-weight:500;letter-spacing:-.6px;margin:0}.location>span{color:#a9bfce;font-size:14px}.main-clock{display:flex;justify-content:center;align-items:baseline;font-variant-numeric:tabular-nums;font-size:clamp(70px,12vw,150px);line-height:1.2;letter-spacing:-5px;font-weight:650;margin:12px 0 0;white-space:nowrap}#seconds{color:#72dfd3;font-size:.61em;letter-spacing:-3px}#ampm{font-size:18px;letter-spacing:0;margin-left:10px;color:#b7d0de}#ampm:empty{display:none}#date{text-align:center;color:#cad9e6;font-size:17px;margin:8px 0 25px}.day-track{height:5px;background:linear-gradient(90deg,#30465f 0%,#30465f 22%,#ebc581 35%,#f4d89f 65%,#4fa1aa 80%,#30465f 100%);border-radius:9px;position:relative;margin:0 12%;opacity:.95}#day-marker{position:absolute;width:13px;height:13px;background:white;border:3px solid #122c45;outline:2px solid white;border-radius:50%;top:-4px;transform:translateX(-50%);left:0}.track-labels{display:flex;justify-content:space-between;color:#b3c5d5;font-size:12px;margin:10px 12% 20px}.clock-controls{border-top:1px solid #365069;padding-top:20px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.clock-controls select{color:#f0f8ff;background:#1c3b56;border:1px solid #4d6b80;border-radius:7px;padding:9px 32px 9px 12px;max-width:230px;font-size:14px;min-height:44px}.toggle{display:flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}.toggle input{accent-color:#67daca;width:18px;height:18px}.toggle span{color:#a9bfce}#zone{font-size:12px;color:#b7cbdc;overflow-wrap:anywhere}.precision{text-align:center;font-size:12px;color:#a9bfce;margin:16px 0 0}#world{scroll-margin-top:20px;margin-top:48px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.section-title h2{font-size:28px;letter-spacing:-1px;margin:5px 0}.section-title p{font-size:14px;color:var(--muted);margin:0}.search input{min-height:46px;width:260px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 15px;color:var(--ink)}.cities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.city{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:19px 20px;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}.city:hover{border-color:var(--accent);transform:translateY(-2px)}.city[hidden]{display:none}.city.current{border-color:var(--accent);box-shadow:inset 0 3px var(--accent)}.city-top{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px}.period{color:var(--accent)}h3{font-size:18px;margin:6px 0 12px;font-weight:650;letter-spacing:-.35px}.city-clock{font-size:35px;line-height:1.2;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}.city-clock small{font-size:22px;font-weight:450;color:var(--muted)}.city-clock em{font-size:11px;font-style:normal;margin-left:5px;letter-spacing:0}.city-bottom{border-top:1px solid var(--line);margin-top:16px;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:var(--muted)}.difference{color:var(--accent);white-space:nowrap}.ad{max-width:728px;margin:34px auto;min-height:85px;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);gap:5px}.ad>span{font-size:11px;letter-spacing:1.8px}.ad small{font-size:12px}.explainer{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid var(--line);padding-top:34px;margin-top:35px}.explainer h2{font-size:27px;line-height:1.25;letter-spacing:-1px;margin:8px 0}.explainer details{border-bottom:1px solid var(--line);padding:15px 0}.explainer details:first-child{padding-top:0}summary{cursor:pointer;font-weight:600;padding:3px 0;font-size:16px}.explainer p{color:var(--muted);font-size:15px;margin:12px 0}footer{padding:28px 0;margin-top:35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;justify-content:space-between}footer .brand{font-size:20px}footer>span{color:var(--muted);font-size:13px}footer button{background:transparent;border:0;color:var(--muted);padding:10px;font-size:14px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;width:min(520px,90vw);padding:28px}dialog::backdrop{background:#081b32aa}dialog p{color:var(--muted)}dialog button{background:#122c45;color:white;border:0;border-radius:7px;padding:10px 20px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus:fullscreen{border-radius:0;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;overflow:auto}.focus:fullscreen .main-clock{font-size:min(20vw,230px)}.focus.expanded{position:fixed;inset:0;z-index:10;border-radius:0;overflow:auto;display:flex;flex-direction:column;justify-content:center}.focus.expanded .main-clock{font-size:clamp(65px,15vw,190px)}body.locked{overflow:hidden}@media(min-width:800px){.focus:fullscreen .clock-top,.focus.expanded .clock-top{position:absolute;top:25px;left:35px;right:35px}}@media(max-width:1050px){.cities{grid-template-columns:repeat(3,minmax(0,1fr))}.city{padding:18px}.clock-controls{gap:15px}}@media(max-width:760px){header{padding:16px 20px}.brand{font-size:22px}nav{gap:15px}nav>a:first-child{display:none}main{padding:6px 16px 0}.focus{padding:19px 18px;border-radius:18px}.clock-top .eyebrow{font-size:10px;letter-spacing:1.1px}.clock-top button{padding:7px 10px}.clock-top button span{display:none}.location{margin-top:22px}.main-clock{font-size:clamp(64px,15vw,110px);letter-spacing:-3px}#seconds{letter-spacing:-2px}#ampm{font-size:13px;margin-left:5px}#date{font-size:14px;margin-bottom:23px}.day-track{margin:0 3%}.track-labels{margin:9px 3% 17px}.clock-controls{gap:14px}.clock-controls select{max-width:210px}#zone{width:100%;text-align:center}.precision{font-size:12px}.section-title{display:block}.section-title h2{font-size:25px}.search{display:block;margin-top:18px}.search input{width:100%}.cities{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.city{padding:14px 12px}.city-top{font-size:11px}.city h3{font-size:16px;min-height:25px}.city-clock{font-size:29px}.city-clock small{font-size:18px}.city-bottom{font-size:11px;flex-wrap:wrap}.explainer{grid-template-columns:1fr;gap:24px}.explainer h2{font-size:25px}#world{margin-top:30px}footer{flex-wrap:wrap;gap:12px}footer>span{order:3;width:100%}.focus.expanded{padding:20px}.focus.expanded .clock-top{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:340px){.cities{grid-template-columns:1fr}.main-clock{font-size:59px}.clock-controls select{max-width:175px}}