*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#172331;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button{transition:background .18s,transform .18s}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fc982f;outline-offset:4px}button{border:0;background:none;color:inherit}header{height:102px;border-bottom:1px solid #e7eaed;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);gap:22px}.brand{width:150px;height:94px;overflow:hidden;display:block;flex-shrink:0}.brand img{width:150px;height:150px;object-fit:contain;transform:translateY(-27px)}nav{display:flex;gap:32px;height:100%;align-items:center}.nav{font-size:14px;height:100%;position:relative;color:#647080;font-weight:550}.nav.active{color:#126fcd}.nav.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#1685ea}.help{font-size:14px;white-space:nowrap;color:#5b6774}main{max-width:1240px;margin:auto;padding:52px 32px 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#718194;margin:0 0 13px}h1{font-size:42px;letter-spacing:-1.7px;line-height:1.14;font-weight:620;margin:0 0 12px}p{line-height:1.6}.subtitle{color:#7b8490;margin:0;font-size:17px}.format{display:flex;padding:4px;background:#e9edf1;border-radius:9px;flex-shrink:0}.format button{font-size:13px;padding:8px 14px;border-radius:6px;color:#617080}.format .selected{background:#fff;color:#1e2c3c;box-shadow:0 1px 4px #12233612}.workspace{background:#fff;border:1px solid #e3e8ed;border-radius:18px;box-shadow:0 8px 30px #233b5804;overflow:hidden}.toolbar{padding:24px 27px;display:flex;justify-content:space-between;align-items:center}.live-label{display:flex;align-items:center;gap:10px;font-size:14px}.live-label strong{font-weight:550}.live-label>span:last-child{color:#87919d;margin-left:7px;font-size:13px}.live-dot{width:7px;height:7px;background:#31977b;border-radius:50%}.primary{background:#087de5;color:white;border-radius:8px;padding:11px 19px;font-size:14px;font-weight:550}.secondary{border:1px solid #dce3ea;background:white;border-radius:8px;padding:11px 15px;font-size:14px;white-space:nowrap}.cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:0 25px 26px}.city{background:#f3f8fe;border:1px solid #e2edf9;border-radius:12px;padding:21px;min-width:0;position:relative}.city.night{background:#f4f5fa;border-color:#e7e8ef}.city-header{display:flex;justify-content:space-between;gap:8px;align-items:center}.city h2{font-size:19px;margin:0;font-weight:600;letter-spacing:-.3px}.country{font-size:13px;color:#7d8996;margin:4px 0 23px}.remove{font-size:20px;color:#91a0b0;padding:0 5px}.clock-time{font-size:43px;letter-spacing:-1.8px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.period{font-size:15px;letter-spacing:0;margin-left:7px;font-weight:450;color:#738297}.city-date{font-size:13px;color:#6b7d90;margin:6px 0 22px}.city-meta{display:flex;justify-content:space-between;font-size:12px;gap:5px;color:#647b94}.day-state{color:#91661c}.night .day-state{color:#7979a0}.time-control{border-top:1px solid #edf0f4;padding:27px 27px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-size:20px;letter-spacing:-.4px;margin:0}#control-title{font-size:15px;font-weight:600}#control-copy{font-size:13px;color:#8190a0;margin:6px 0}.date-controls{display:flex;gap:10px;align-items:flex-end}.date-controls label{font-size:11px;color:#6f7b87;display:flex;flex-direction:column;gap:5px}.date-controls input{border:1px solid #dce3ea;padding:8px 9px;border-radius:7px;background:#fff;color:#394d63;font-size:13px;min-height:39px}.slider-wrap{padding:23px 28px 0}input[type=range]{accent-color:#1683e8;width:100%;cursor:pointer;height:18px;margin:0}.slider-labels{display:flex;justify-content:space-between;color:#8994a0;font-size:11px;margin-top:6px}.time-note{font-size:12px;color:#728092;margin:15px 27px 22px;min-height:19px}.workspace-footer{border-top:1px solid #edf0f4;padding:17px 27px;display:flex;justify-content:space-between;align-items:center;color:#8a939e;font-size:12px;gap:15px}.workspace-footer>div{display:flex;gap:20px}.text-button{color:#3277b7;font-size:12px;padding:4px 0;white-space:nowrap}.guide-card{display:flex;align-items:center;gap:24px;padding:31px;margin-top:26px;border:1px solid #e5e9ed;border-radius:14px;background:linear-gradient(100deg,#f0f6fd,#fff)}.guide-icon{background:#e0edfc;width:53px;height:53px;border-radius:15px;display:grid;place-items:center;color:#1974d2;font-size:28px;flex-shrink:0}.guide-card .eyebrow{font-size:10px;color:#6b88a7;margin-bottom:8px}.guide-card h2{font-size:19px}.guide-card p:last-child{font-size:13px;color:#7e8a98;margin:8px 0 0}.guide-card .secondary{margin-left:auto;display:flex;gap:25px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:40px 10px 42px}.detail-icon{font-size:22px;color:#7390ad}.details h3{font-size:14px;font-weight:550;margin:12px 0 8px}.details p{font-size:13px;color:#84909e;margin:0}footer{max-width:1176px;border-top:1px solid #e2e7eb;margin:0 auto;padding:22px 0 26px;display:flex;justify-content:space-between;font-size:11px;color:#8d98a4}footer>span:first-child{font-weight:650;letter-spacing:1px;color:#63788e}footer small{font-weight:400;letter-spacing:0;margin-left:15px}.meeting-panel{background:white;border:1px solid #e3e8ed;padding:28px;border-radius:14px;margin-top:24px}.meeting-panel p{color:#77889b;font-size:14px}.slots{display:flex;gap:10px;flex-wrap:wrap}.slot{border:1px solid #cae0f5;border-radius:9px;padding:12px;background:#f2f8ff;color:#1668b4;font-size:14px}dialog{border:1px solid #e2e7ed;border-radius:18px;padding:28px;width:min(520px,calc(100% - 32px));box-shadow:0 30px 100px #112c4933;color:#213347}dialog::backdrop{background:#10213955;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.icon-button{font-size:26px;color:#7a8999;line-height:1}.search-label{font-size:14px;display:block;margin-bottom:9px}#city-search{width:100%;padding:13px;border:1px solid #d7e1eb;border-radius:9px}.search-results{max-height:290px;overflow:auto;margin-top:14px}.search-result{width:100%;padding:13px 10px;display:flex;justify-content:space-between;text-align:left;border-bottom:1px solid #edf1f5;font-size:15px}.search-result span{color:#7c8c9d;font-size:13px}.dialog-hint{font-size:12px;color:#7c8c9d}.steps{padding-left:26px}.steps li{padding:12px 0 6px 8px}.steps li::marker{color:#087de5;font-weight:600}.steps p{font-size:14px;color:#7c8c9d;margin:6px 0}.wide{width:100%;margin-top:16px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#153c62;color:white;padding:13px 23px;border-radius:10px;z-index:5;font-size:14px;max-width:90vw}[hidden]{display:none!important}
@media(min-width:1450px){main{padding-top:64px}}@media(max-width:950px){header{padding:0 24px}nav{gap:16px}.help span{display:none}h1{font-size:35px}.clock-time{font-size:33px}.city{padding:17px}.time-control{align-items:flex-start;flex-direction:column}.date-controls{width:100%}.date-controls label:first-child{flex:1}.guide-card{gap:18px}.guide-card .secondary{gap:10px}.details{gap:30px}footer{margin:0 32px}}@media(max-width:650px){header{height:auto;padding:4px 18px 0;flex-wrap:wrap;gap:0}.brand{height:80px;width:140px}.brand img{width:140px;height:140px;transform:translateY(-25px)}nav{order:3;width:100%;justify-content:space-between;height:48px;gap:8px}.nav{font-size:13px}.help span{display:inline}main{padding:30px 16px 0}.intro{display:block;margin-bottom:24px}h1{font-size:33px;letter-spacing:-1.2px}.eyebrow{font-size:9px}.subtitle{font-size:15px}.format{margin-top:20px;display:inline-flex}.toolbar{padding:18px}.live-label>span:last-child{display:none}.cities{grid-template-columns:1fr;padding:0 16px 18px;gap:12px}.city{padding:18px}.country{margin-bottom:12px}.clock-time{font-size:40px}.city-date{margin-bottom:13px}.city-meta{font-size:13px}.time-control{padding:20px 18px 0}.date-controls{flex-wrap:wrap}.date-controls input{font-size:14px}.date-controls .secondary{padding:10px}.slider-wrap{padding:18px 18px 0}.time-note{margin:14px 18px}.workspace-footer{padding:16px 18px;align-items:flex-start;flex-direction:column;gap:8px}.workspace-footer>div{width:100%;justify-content:space-between}.text-button{font-size:14px}.guide-card{padding:22px;flex-wrap:wrap}.guide-icon{display:none}.guide-card h2{font-size:20px}.guide-card .secondary{margin-left:0}.details{grid-template-columns:1fr;gap:23px;padding:28px 6px}.details>div{padding-left:36px;position:relative}.detail-icon{position:absolute;left:0;top:8px}.details h3{margin-top:6px}.details p{font-size:14px}footer{margin:0 22px;gap:16px;flex-direction:column}footer small{margin-left:10px}.meeting-panel{padding:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Readable controls, long city names, and a quiet reference indicator. */
.reference{display:inline-block;font-size:11px;border:1px solid #cadbed;padding:2px 5px;border-radius:4px;margin-left:4px;color:#537da5;vertical-align:middle}.city h2{overflow-wrap:anywhere}.city-meta{flex-wrap:wrap;row-gap:8px}.city-date strong{font-weight:550}.format button,.country,.city-date,#control-copy,.date-controls label,.date-controls input,.text-button,.guide-card p:last-child,.details h3,.details p{font-size:14px}.date-controls label{gap:7px}.date-controls input{min-height:42px}.time-note{font-size:13px}.time-note .text-button{margin-left:7px;text-decoration:underline}.eyebrow,.guide-card .eyebrow{font-size:12px}.remove{min-width:30px;min-height:32px}.primary:disabled{cursor:default;opacity:.65}.details p{color:#677889}.subtitle{color:#697989}.country,.city-date,#control-copy,.guide-card p:last-child{color:#67798d}.workspace-footer{color:#68798b}.slider-labels{font-size:12px}footer{font-size:12px}.format button{min-height:36px}.help{min-height:40px}.search-result{min-height:48px}.city-meta{font-size:12px}.reference{font-size:12px}.cities:has(.city:only-child){grid-template-columns:minmax(0,1fr)}.cities:has(.city:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){.cities:has(.city:nth-child(2):last-child){grid-template-columns:1fr}.eyebrow{font-size:11px}.date-controls{gap:8px}.date-controls label{max-width:100%}.clock-time{font-size:40px}.reference{margin-left:5px}.workspace-footer{font-size:13px}.details p{font-size:14px}}@media(min-width:651px) and (max-width:800px){.cities{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{flex-wrap:wrap}.guide-card .secondary{margin-left:77px}}@media(max-width:360px){.date-controls{display:grid;grid-template-columns:1fr}.date-controls input{width:100%}.nav{font-size:12px}.format button{font-size:13px}}
.city-explainer{padding:30px 8px 0;max-width:850px}.city-explainer p{color:#64798d;font-size:16px}.city-explainer h2{font-size:21px}
.nav{display:inline-flex;align-items:center;text-decoration:none}.city-links{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding:0 8px 30px;font-size:14px}.city-links>span{color:#77889a}.city-links a{color:#236fb4;text-decoration:none}.city-links a:hover{text-decoration:underline}
/* Shared brand and navigation refresh. */
.header{height:112px;padding:0 max(3vw,20px);gap:24px}.brand{width:250px;height:104px;display:flex;align-items:center;overflow:visible}.brand img{display:block;width:250px;height:auto;transform:none;object-fit:contain}nav{gap:6px;height:auto;padding:6px;background:#f1f5fa;border:1px solid #e3eaf2;border-radius:12px}.nav{height:auto;min-height:44px;padding:12px 17px;font-size:15px;color:#334a60;font-weight:600;border-radius:8px;white-space:nowrap}.nav:hover{background:#e3ecf7;color:#105ea8}.nav.active{background:#096dc5;color:#fff;box-shadow:0 2px 5px #07559820}.nav.active:after{display:none}.help{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;border:1px solid #cbd9e7;border-radius:9px;padding:10px 13px;color:#284c70;background:#fff}.help:hover{background:#edf5fd}.guide-symbol{width:21px;height:21px;flex-shrink:0}.help span{display:inline}.about-main{max-width:1080px;padding-bottom:48px}.about-intro{max-width:760px;margin:12px 0 40px}.about-intro h1{font-size:48px;max-width:650px}.about-lead{font-size:20px;color:#5e7185;line-height:1.7}.about-section{padding:32px 0;border-top:1px solid #dee6ee}.about-section h2{font-size:27px;margin-bottom:14px}.about-section>p{max-width:790px;color:#536b80;line-height:1.8}.about-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.about-tool{background:white;border:1px solid #dfe8f1;padding:25px;border-radius:14px}.about-tool h3{font-size:19px;margin:0 0 14px}.about-tool p{color:#586f84;font-size:16px}.about-tool a,.about-section a{color:#116bbb;text-underline-offset:4px;font-weight:550}.about-principles{display:grid;grid-template-columns:1fr 1fr;gap:20px 44px}.about-principles h3{font-size:18px;margin-bottom:8px}.about-principles p{color:#586f84;margin-top:0;line-height:1.75}.about-faq details{border-bottom:1px solid #e0e7ee;padding:20px 0}.about-faq summary{font-size:17px;font-weight:550;cursor:pointer}.about-faq details p{max-width:780px;color:#586f84;line-height:1.8}.about-cta{margin-top:26px;display:inline-block;text-decoration:none;background:#096dc5;color:white!important;padding:13px 20px;border-radius:9px}.about-footer-link{color:#326c9f;text-decoration:none}
@media(max-width:1100px){.header{gap:16px}.brand,.brand img{width:220px}.nav{padding:11px 12px;font-size:14px}.help{padding:10px}.help span{display:none}}
@media(max-width:850px){.header{height:auto;flex-wrap:wrap;justify-content:space-between;padding:4px 24px 15px;gap:0}.brand{height:96px;width:240px}.brand img{width:240px}.help span{display:inline}.header nav{order:3;width:100%;justify-content:space-between;gap:5px}.nav{justify-content:center;flex:1;padding:12px 8px;font-size:14px}.about-intro h1{font-size:39px}.about-tools{grid-template-columns:1fr}.about-tool{padding:22px}.about-principles{grid-template-columns:1fr}}
@media(max-width:450px){.header{padding:2px 14px 13px}.brand,.brand img{width:205px}.brand{height:88px}.help{gap:6px;padding:9px;font-size:13px}.guide-symbol{width:19px;height:19px}.header nav{padding:5px;gap:2px}.nav{font-size:12px;white-space:normal;padding:10px 6px;min-height:44px}.about-intro h1{font-size:34px;letter-spacing:-1px}.about-lead{font-size:18px}.about-section h2{font-size:24px}.about-main{padding-bottom:32px}}
@media(max-width:360px){.brand,.brand img{width:185px}.help span{display:none}}
/* Local day/night cues: warm daylight and cool evening, reinforced by text. */
.city{background:linear-gradient(145deg,#fffcf5 0%,#fff8e9 100%);border-color:#ecdfc6}.city.night{background:linear-gradient(145deg,#f2f5fc 0%,#e9eef9 100%);border-color:#d6def0}.city .day-state{display:inline-flex;align-items:center;gap:5px;background:#f9edce;color:#795714;border:1px solid #ecdcb4;border-radius:20px;padding:4px 9px;font-weight:550;white-space:nowrap}.city.night .day-state{background:#dfe6f6;color:#465c8a;border-color:#cad5eb}.city-meta{align-items:center}.city .clock-time{color:#283541}.city.night .clock-time{color:#273c62}.city .reference{background:#ffffff8c}