@font-face{font-family:Manrope;src:url('../public/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('../public/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('../public/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('../public/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('../public/fonts/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--background:#070b14;--foreground:#f1f4fa;--card:#0f1626;--card-foreground:#f1f4fa;--popover:#111a2b;--popover-foreground:#f1f4fa;--primary:#4f8cff;--primary-foreground:#fff;--secondary:#131d2e;--secondary-foreground:#d5deef;--muted:#182236;--muted-foreground:#8997af;--accent:#1d2b45;--accent-foreground:#f1f4fa;--destructive:#ff7b8d;--border:#ffffff10;--input:#ffffff17;--ring:#4f8cff;--radius:1rem;--globe-center:#0b1923;--globe-edge:#0a1120;--globe-line:#7da4d02b;--globe-land:#79cbb8;--mint:#62e7c5;--blue:#80acff}
:root[data-theme=light]{color-scheme:light;--background:#f6f8fc;--foreground:#152138;--card:#fff;--card-foreground:#152138;--popover:#fff;--popover-foreground:#152138;--primary:#316deb;--primary-foreground:#fff;--secondary:#e9eef8;--secondary-foreground:#263e60;--muted:#e2e8f3;--muted-foreground:#5b6b84;--accent:#e6edfa;--accent-foreground:#152138;--destructive:#d6344d;--border:#d4ddeb;--input:#becbdd;--ring:#316deb;--globe-center:#e9f5f9;--globe-edge:#e9eef9;--globe-line:#3b649d30;--globe-land:#247b74;--mint:#147962;--blue:#316deb}

*{box-sizing:border-box}body{margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI','Apple SD Gothic Neo',sans-serif;background:var(--background);color:var(--foreground);font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:4px}a{text-decoration:none;color:inherit}svg{flex-shrink:0}h1,h2,h3,p{margin:0}input{min-width:0}::selection{background:#4f8cff45}.atlas-app{min-height:100vh;background:radial-gradient(ellipse 550px 340px at 77% 28%,#183c5b0d,transparent)}
.site-header{border-bottom:1px solid var(--border)}.header-inner{max-width:1408px;margin:auto;padding:0 64px;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:1.4px;white-space:nowrap}.brand-light{font-weight:400;margin-left:5px}.brand-mark{display:grid;place-items:center;color:var(--mint);width:34px;height:34px;border:1px solid #62e7c538;border-radius:50%}.desktop-nav{display:flex;align-items:center;gap:30px;height:84px}.desktop-nav a{position:relative;color:var(--muted-foreground);font-size:14px;font-weight:600;height:100%;display:flex;align-items:center}.desktop-nav a:hover,.desktop-nav a.nav-active{color:var(--foreground)}.desktop-nav .nav-active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--mint)}.header-actions{display:flex;align-items:center;gap:13px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;width:36px;height:36px;border-radius:9px;color:var(--muted-foreground);transition:background .18s,color .18s}.icon-button:hover{background:var(--secondary);color:var(--foreground)}.icon-button.remove{color:var(--destructive)}.header-divider{width:1px;height:18px;background:var(--border)}.language-button{display:flex;align-items:center;gap:5px;background:none;border:0;font-size:14px;font-weight:700;padding:10px 0}.main-shell{max-width:1408px;padding:0 64px;margin:auto}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:2px;color:var(--muted-foreground)}.live-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #62e7c555}.clock-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:414px;gap:20px}.hero-clock{padding:42px 0;position:relative;z-index:1}.main-city-button{display:flex;align-items:center;gap:14px;border:0;padding:0;background:none;margin-top:18px}.main-city-button svg{color:var(--muted-foreground);margin-top:4px}.hero-clock h1{font-size:32px;line-height:1.25;font-weight:600;letter-spacing:-.6px}.hero-time{display:flex;align-items:baseline;gap:18px;white-space:nowrap;margin:5px 0 8px;font-size:clamp(95px,10.5vw,150px);font-weight:500;letter-spacing:-8px;line-height:1.25;font-variant-numeric:tabular-nums}.hero-seconds{font-size:52px;letter-spacing:-2.5px;color:#65758f;font-weight:400}.hero-period{font-size:20px;letter-spacing:0;color:var(--muted-foreground)}.hero-calendar{display:flex;align-items:center;gap:14px;font-size:14px;color:#a4b1c5;flex-wrap:wrap}.hero-calendar a{color:var(--muted-foreground);font-size:14px}.small-divider{width:1px;height:12px;background:var(--input)}.hero-phase{display:flex;align-items:center;gap:7px;margin-top:23px;font-size:14px;color:var(--muted-foreground)}.hero-phase.day{color:#ffd08b}.hero-phase.night>svg{color:#a092db}.hero-phase.dusk>svg{color:#ffb35c}.hero-phase>span{margin-left:5px;color:var(--muted-foreground)}.globe-wrap{width:100%;max-width:450px;justify-self:end;position:relative}.globe{display:block;width:100%;aspect-ratio:1;cursor:grab;touch-action:pan-y;user-select:none}.globe:active{cursor:grabbing}.globe-city{cursor:pointer;outline:none}.globe-city:hover circle:last-of-type,.globe-city:focus-visible circle:last-of-type{stroke:var(--foreground);stroke-width:2}.globe-controls{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:-26px;color:var(--muted-foreground);font-size:12px;letter-spacing:.3px}.globe-controls button{width:29px;height:29px}.utility-strip{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.utc-mini{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted-foreground)}.utc-mini>span:first-of-type{font-weight:600;letter-spacing:.5px}.utc-mini strong{font-weight:500;font-size:15px;font-variant-numeric:tabular-nums;color:#bac6db}.utc-mini strong span{color:var(--muted-foreground)}.utc-description{margin-left:10px;font-size:12px}.time-format{display:flex;background:var(--secondary);padding:3px;border-radius:8px;gap:1px}.time-format button{border:0;background:transparent;color:var(--muted-foreground);border-radius:5px;padding:5px 12px;font-size:12px;font-weight:600}.time-format .selected{background:var(--card);color:var(--foreground);box-shadow:0 1px 5px #00000018}.favorites-section{padding:34px 0 0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.section-top h2{font-size:23px;font-weight:500;letter-spacing:-.7px;margin-top:9px}.count-pill{font-size:12px;background:var(--secondary);border-radius:5px;padding:2px 6px;letter-spacing:0}.section-actions{display:flex;align-items:center;gap:21px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;padding:11px 17px;border-radius:9px;min-height:42px;white-space:nowrap;transition:background .18s}.primary-button{background:var(--primary);border:1px solid transparent;color:#fff}.primary-button:hover{background:#397cf3}.secondary-button{background:var(--secondary);border:1px solid var(--border);color:var(--foreground)}.secondary-button:hover{background:var(--accent)}.text-button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:var(--muted-foreground);font-size:12px;padding:10px 0}.city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.city-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:21px 22px 17px;overflow:hidden;transition:transform .18s,border-color .18s}.city-card:before{content:'';position:absolute;width:180px;height:150px;top:-70px;right:-45px;border-radius:50%;filter:blur(35px);opacity:.4;pointer-events:none}.city-card.day:before,.compare-card.day:before{background:#4f8cff18}.city-card.night:before,.compare-card.night:before{background:#9a7bff1e}.city-card.dusk:before,.compare-card.dusk:before{background:#ffb35c18}.city-card:hover{transform:translateY(-3px);border-color:#4f8cff35}.city-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.city-country{display:flex;align-items:center;gap:7px;font-size:15px}.city-country>span{font-size:12px;color:var(--muted-foreground);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:140px}.phase-icon{color:#8192b8}.day .phase-icon{color:#ffbf6b}.dusk .phase-icon{color:#f9a977}.city-card h3{font-size:17px;font-weight:500;letter-spacing:-.3px;margin-top:15px}.card-time{font-size:44px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-2px;line-height:1.3;margin:3px 0 13px;white-space:nowrap}.ampm{font-size:12px;letter-spacing:0;color:var(--muted-foreground);margin-left:7px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px;color:var(--muted-foreground)}.meta-separator{padding:0 2px}.difference{font-size:12px;color:#a7b7d5;white-space:nowrap}.difference.same{color:var(--mint)}.phase-line{margin-top:18px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);font-size:12px;color:var(--muted-foreground);gap:4px}.phase-line>span:first-child{display:flex;align-items:center;gap:5px}.phase-line>span:last-child{white-space:nowrap}.card-edit{margin-top:12px;padding-top:8px;border-top:1px solid var(--border);display:flex;gap:5px}.card-edit button:last-child{margin-left:auto}.cards-note{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;color:var(--muted-foreground);margin-top:13px}.cards-note span{color:var(--foreground)}.empty-city{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:1px dashed var(--input);color:var(--muted-foreground);border-radius:15px;padding:40px;min-height:200px;background:var(--card);font-size:14px;grid-column:1/-1}.feature-links{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0 38px}.feature-links>a{display:flex;align-items:center;gap:14px;border-top:1px solid var(--border);padding:23px 0 0}.feature-links>a:hover strong{color:var(--mint)}.feature-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--secondary)}.blue{color:var(--blue)}.mint{color:var(--mint)}.feature-links strong{font-size:14px;font-weight:600}.feature-links small{display:block;margin-top:3px;color:var(--muted-foreground);font-size:12px}.feature-tag{margin-left:auto;background:var(--secondary);color:var(--muted-foreground);font-size:12px;padding:5px 8px;border-radius:6px;white-space:nowrap}.site-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;max-width:1280px;margin:0 auto;padding:21px 0 28px;border-top:1px solid var(--border);color:var(--muted-foreground);font-size:12px;gap:12px}.site-footer>div{display:flex;gap:17px;align-items:center}.footer-brand{font-size:12px;letter-spacing:1.5px;font-weight:600;color:#97a7be}.sync-status{display:flex;align-items:center;gap:6px;font-size:12px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--muted-foreground)}.status-dot.synced{background:var(--mint)}.data-credit{flex-basis:100%;font-size:12px;opacity:.65}.mobile-nav{display:none}.city-search-dialog{background:var(--popover)!important;border:1px solid var(--input)!important;padding:0!important;gap:0!important;border-radius:17px!important;max-width:540px!important;overflow:hidden}.city-search-dialog [data-slot=command-input-wrapper]{height:68px;padding:0 24px}.city-search-dialog [data-slot=command-input]{font-size:16px;height:60px}.city-search-dialog [data-slot=command-list]{max-height:380px;padding:8px 11px}.city-search-dialog [data-slot=command-item]{padding:12px 10px;border-radius:10px;gap:13px}.city-search-dialog [cmdk-group-heading]{font-size:12px;padding:12px 10px;color:var(--muted-foreground)}.search-flag{font-size:24px;width:32px}.search-city{flex:1;min-width:0}.search-city strong{font-size:15px;font-weight:500}.search-city small{font-size:12px;display:block;color:var(--muted-foreground);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted-foreground);padding:14px 24px;border-top:1px solid var(--border)}kbd{font-family:inherit;font-size:12px;border:1px solid var(--input);border-radius:4px;padding:2px 5px}.copy-fallback{position:fixed;z-index:70;background:var(--popover);border:1px solid var(--input);border-radius:14px;bottom:30px;left:50%;transform:translateX(-50%);padding:20px;width:min(550px,calc(100% - 32px));box-shadow:0 12px 50px #0008;display:flex;gap:12px;align-items:flex-end}.copy-fallback label{flex:1;font-size:14px}.copy-fallback input{width:100%;font-size:14px;padding:10px;background:var(--secondary);border:1px solid var(--input);border-radius:5px;margin-top:8px;color:var(--foreground)}
.tool-view{padding:50px 0 55px;min-height:calc(100vh - 230px)}.tool-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.tool-heading h1{font-size:38px;font-weight:500;letter-spacing:-1.3px;margin-top:13px;line-height:1.3}.tool-heading p{font-size:14px;color:var(--muted-foreground);margin-top:12px;line-height:1.7}.tool-controls{display:flex;align-items:flex-end;gap:17px;padding:20px 22px;background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:23px}.tool-controls label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--muted-foreground)}.tool-controls input[type=date],.tool-controls input[type=time]{height:42px;color:var(--foreground);background:var(--secondary);border:1px solid var(--input);border-radius:8px;font-size:14px;padding:0 11px}.controls-spacer{flex:1}.atlas-select{height:42px!important;min-width:110px!important;font-size:14px!important;background:var(--secondary)!important;border:1px solid var(--input)!important;border-radius:8px!important;padding:0 11px!important;color:var(--foreground)!important}.live-active{color:var(--mint);border-color:#62e7c53a}.compare-slider{display:flex;align-items:center;gap:20px;padding:16px 0 24px}.compare-slider>span{font-size:12px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.compare-slider [data-slot=slider-thumb]{width:17px;height:17px;background:var(--primary);border:3px solid var(--background)}.comparison-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.compare-card{background:var(--card);padding:20px;border:1px solid var(--border);border-radius:15px;position:relative;overflow:hidden}.compare-card:before{content:'';position:absolute;inset:0;pointer-events:none}.compare-card-top{display:flex;gap:8px;align-items:center;position:relative;color:var(--muted-foreground);font-size:12px}.compare-card-top>span:first-child{font-size:22px}.compare-card-top button{margin-left:auto;width:25px;height:25px}.compare-card h2{font-size:18px;font-weight:500;margin-top:16px;position:relative}.compare-time{position:relative;font-size:44px;letter-spacing:-2px;font-weight:500;margin:5px 0 4px;font-variant-numeric:tabular-nums}.compare-time small{font-size:12px;letter-spacing:0;margin-left:5px;color:var(--muted-foreground)}.comparison-date{font-size:12px;color:var(--muted-foreground)}.compare-phase{border-top:1px solid var(--border);padding-top:13px;margin-top:18px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-foreground)}.compare-phase>span{margin-left:auto}.timeline-section{margin-top:36px}.timeline-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:19px}.timeline-top h2{font-size:17px;font-weight:500}.timeline-legend{display:flex;gap:17px;font-size:12px;color:var(--muted-foreground)}.timeline-legend>span{display:flex;align-items:center;gap:6px}.timeline-legend i{height:8px;width:8px;border-radius:2px}.working-key{background:#326b73}.night-key{background:#18263d}.timeline-scroll{overflow-x:auto;scrollbar-width:thin}.timeline-table{min-width:820px}.timeline-row{display:flex;align-items:center;gap:18px;margin-bottom:10px}.timeline-city{min-width:145px;width:145px;display:flex;flex-direction:column}.timeline-city strong{font-size:14px;font-weight:500}.timeline-city small{font-size:12px;color:var(--muted-foreground);margin-top:2px;font-variant-numeric:tabular-nums}.timeline-hours{display:grid;flex:1;gap:3px}.labels{color:var(--muted-foreground);font-size:12px;margin-bottom:15px}.labels .timeline-hours>span{text-align:center}.hour-cell{padding:16px 0;border:1px solid transparent;border-radius:5px;background:var(--secondary);font-size:12px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.hour-cell.day{background:#ffb35c0b;color:#c7ac88}.hour-cell.dusk{background:#e3997920;color:#dab994}.hour-cell.working{background:#62e7c521;color:#79c7b5}.hour-cell.night{background:#17243a;color:#8598ba}.hour-cell.active{border:1px solid var(--primary);background:#4f8cff25;color:var(--foreground)}.hour-cell:hover{border-color:var(--mint)}.tool-note{font-size:12px;color:var(--muted-foreground);margin-top:19px}.inline-warning{margin:0 0 20px;border:1px solid #ffb35c40;padding:15px;background:#ffb35c0c;color:#ffca8e;border-radius:9px;font-size:14px}.checkbox-label{flex-direction:row!important;align-items:center!important;gap:9px!important;min-height:42px;white-space:nowrap}.checkbox-label span{font-size:14px}.meeting-layout{display:grid;grid-template-columns:320px 1fr;gap:24px}.participants-panel,.slots-panel{min-width:0}.participants-panel{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:22px;height:fit-content}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-title h2{font-size:16px;font-weight:500}.panel-title>span{font-size:12px;color:var(--muted-foreground)}.participant{border-top:1px solid var(--border);padding:21px 0}.participant:last-child{padding-bottom:0}.participant-heading{display:flex;gap:11px;align-items:center}.participant-flag{font-size:24px}.participant-heading h3{font-size:15px;font-weight:500}.participant-heading>div>span{font-size:12px;color:var(--muted-foreground)}.participant-heading button{margin-left:auto;width:27px;height:27px}.work-range{display:flex;align-items:center;gap:10px;margin-top:16px;color:var(--muted-foreground)}.work-range .atlas-select{min-width:0!important;flex:1;width:100%}.overnight-note{font-size:12px;color:var(--muted-foreground);margin-top:8px}.slots-panel>.panel-title{padding:5px 0 8px}.meeting-slot{border:1px solid var(--border);background:var(--card);border-radius:13px;padding:20px 21px;margin-bottom:13px}.slot-heading{display:flex;align-items:center;gap:13px}.slot-heading>div{flex:1}.slot-heading>div>strong{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.slot-heading>div>strong>span{color:var(--muted-foreground)}.slot-heading>div>span{display:block;font-size:12px;color:var(--muted-foreground);margin-top:5px}.best-tag{font-size:12px;color:var(--mint);border:1px solid #62e7c526;border-radius:5px;padding:5px 7px;display:flex;align-items:center;gap:4px;white-space:nowrap}.slot-cities{border-top:1px solid var(--border);margin-top:17px;padding-top:14px;display:flex;gap:25px;flex-wrap:wrap}.slot-cities>div{display:flex;align-items:baseline;gap:8px}.slot-cities span{font-size:12px;color:var(--muted-foreground)}.slot-cities strong{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.slot-cities small{font-size:12px;color:var(--muted-foreground)}.no-overlap{border:1px dashed var(--input);border-radius:15px;padding:65px 25px;text-align:center;background:var(--card)}.no-overlap>div{color:var(--blue);display:grid;place-items:center;margin-bottom:20px}.no-overlap h3{font-size:21px;font-weight:500}.no-overlap p{font-size:14px;color:var(--muted-foreground);margin-top:10px;line-height:1.7}.shared-slot{border:1px solid #4f8cff40;border-radius:12px;background:#4f8cff0d;padding:18px;margin-bottom:18px;font-size:14px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.shared-slot>strong{flex:1}.shared-slot>div{width:100%;border-top:1px solid var(--border);padding-top:12px}.shared-slot p{display:flex;gap:10px;align-items:center;font-size:14px;padding:5px 0}.shared-slot p strong{margin-left:auto}.shared-slot small{font-size:12px;color:var(--muted-foreground)}.explore-count{display:flex;gap:8px;align-items:center;color:var(--muted-foreground);font-size:14px}.explore-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.explore-map{position:sticky;top:25px}.globe-large{max-width:none}.globe-large .globe-controls{margin-top:-20px}.map-caption{text-align:center;margin-top:23px}.map-caption strong{font-size:26px;font-weight:500}.map-caption span{display:block;font-size:14px;color:var(--muted-foreground);margin-top:7px}.explore-search{display:flex;align-items:center;gap:10px;border:1px solid var(--input);border-radius:10px;padding:0 15px;height:48px;color:var(--muted-foreground);background:var(--card)}.explore-search input{width:100%;background:transparent;border:0;outline:none;color:var(--foreground);font-size:14px}.region-tabs{background:transparent!important;display:flex!important;gap:3px!important;width:100%!important;height:auto!important;padding:18px 0!important;flex-wrap:wrap;justify-content:flex-start!important}.region-tabs [data-slot=tabs-trigger]{font-size:12px!important;flex:0 0 auto!important;padding:7px 9px!important;border-radius:6px!important;box-shadow:none!important;height:auto!important;color:var(--muted-foreground)!important}.region-tabs [data-state=active]{background:var(--secondary)!important;color:var(--foreground)!important}.explore-cities{border-top:1px solid var(--border);max-height:700px;overflow-y:auto;scrollbar-width:thin}.explore-city{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--border);padding:15px 3px}.explore-flag{font-size:24px;width:32px}.explore-city>a{min-width:0;flex:1}.explore-city>a strong{font-size:15px;font-weight:500}.explore-city>a span{display:block;font-size:12px;color:var(--muted-foreground);margin-top:4px}.explore-city>a:hover strong{color:var(--mint)}.explore-city-time{text-align:right}.explore-city-time strong{font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}.explore-city-time>span[data-offset-zone]{display:block;font-size:12px;color:var(--muted-foreground);margin-top:3px}.search-empty{text-align:center;padding:40px 10px;font-size:14px;color:var(--muted-foreground)}.city-detail{padding:30px 0 55px}.back-link{display:inline-flex;gap:8px;align-items:center;color:var(--muted-foreground);font-size:14px}.city-detail .hero-clock h1{margin-top:18px}.city-detail .clock-hero{min-height:385px}.city-detail .eyebrow>span{font-size:12px;letter-spacing:0;margin-left:12px}.detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px 0}.detail-facts>div{padding:0 26px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.detail-facts>div:last-child{border:0}.detail-facts>div>span{font-size:12px;color:var(--muted-foreground)}.detail-facts strong{font-size:18px;font-weight:500;overflow-wrap:anywhere}.detail-facts .fact-small{font-size:14px;line-height:1.7}.detail-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.timezone-detail{padding:45px 0 100px;max-width:700px;min-height:calc(100vh - 220px)}.timezone-detail .eyebrow{margin-top:45px}.timezone-detail h1{font-size:90px;letter-spacing:-5px;font-weight:500;margin:20px 0}.timezone-detail h2{font-size:25px;font-weight:500;margin-bottom:20px}.timezone-detail p{font-size:16px;line-height:1.9;color:var(--muted-foreground)}.zone-example{display:flex;align-items:center;gap:20px;background:var(--card);padding:25px;border:1px solid var(--border);border-radius:12px;margin-top:35px}.zone-example span{font-size:14px;color:var(--muted-foreground)}.zone-example strong{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums}.zone-example strong:first-of-type{margin-right:auto}
@media(max-width:1200px){.header-inner,.main-shell{padding-left:36px;padding-right:36px}.desktop-nav{gap:20px}.clock-hero{min-height:370px}.hero-time{font-size:114px;gap:14px;letter-spacing:-6px}.hero-seconds{font-size:42px}.globe-wrap{max-width:375px}.city-card{padding:20px 17px 16px}.card-time{font-size:38px}.card-meta{flex-wrap:wrap;gap:8px}.site-footer{margin:0 36px}.feature-tag{display:none}.meeting-layout{grid-template-columns:290px 1fr}}
@media(max-width:960px){.header-inner,.main-shell{padding-left:28px;padding-right:28px}.header-inner{gap:15px}.desktop-nav{gap:17px}.desktop-nav a{font-size:12px}.header-search,.header-divider{display:none}.header-actions{gap:10px}.brand{font-size:14px;gap:8px}.brand-mark{width:29px;height:29px}.clock-hero{grid-template-columns:1.4fr 1fr;gap:0;min-height:330px}.hero-time{font-size:94px;letter-spacing:-5px;gap:10px}.hero-seconds{font-size:34px}.hero-calendar{font-size:12px;gap:9px}.globe-controls{font-size:12px;margin-top:-22px}.hero-clock h1{font-size:28px}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-time{font-size:44px}.card-meta{flex-wrap:nowrap}.city-card{padding:22px}.site-footer{margin:0 28px}.tool-heading h1{font-size:32px}.tool-controls{flex-wrap:wrap;gap:14px}.meeting-layout{grid-template-columns:270px 1fr;gap:18px}.participants-panel{padding:20px}.slot-heading{flex-wrap:wrap;gap:8px}.best-tag{order:2}.slot-cities{gap:12px}.detail-facts{grid-template-columns:repeat(2,1fr);gap:28px 0}.detail-facts>div:nth-child(2){border:0}.explore-layout{grid-template-columns:.8fr 1.2fr;gap:22px}}
@media(max-width:700px){.header-inner{height:68px;min-height:68px;padding:0 22px}.desktop-nav{display:none}.brand{font-size:15px}.brand-mark{width:30px;height:30px}.header-actions{gap:12px}.header-search{display:inline-flex}.language-button{font-size:12px}.main-shell{padding:0 22px}.clock-hero{display:block;min-height:0;position:relative;overflow:hidden;padding-bottom:12px}.hero-clock{padding:35px 0 17px}.hero-clock h1{font-size:27px}.main-city-button{margin-top:18px}.eyebrow{font-size:12px;letter-spacing:1.7px}.hero-time{font-size:clamp(88px,15vw,116px);letter-spacing:-5.5px;margin:8px 0 10px;gap:11px}.hero-seconds{font-size:34px;letter-spacing:-1.5px}.hero-period{font-size:14px;margin-left:-5px}.hero-calendar{font-size:12px;gap:10px}.hero-calendar a{font-size:12px}.hero-phase{font-size:12px;margin-top:18px}.hero-phase>span{margin-left:2px}.clock-hero>.globe-wrap{max-width:260px;margin:0 auto;opacity:.95}.globe-controls{margin-top:-23px;font-size:12px}.utility-strip{margin-top:5px;padding:15px 0}.utc-description{display:none}.utc-mini{gap:8px;font-size:12px}.utc-mini strong{font-size:14px}.time-format button{padding:5px 9px}.favorites-section{padding-top:29px}.section-top{align-items:flex-start;gap:12px;margin-bottom:20px}.section-top h2{font-size:21px;margin-top:8px}.section-actions{gap:10px;padding-top:11px}.edit-button span{display:none}.edit-button{padding:11px 5px}.section-actions .primary-button{font-size:12px;padding:9px 11px;gap:5px;min-height:40px}.city-grid{gap:12px}.city-card{padding:17px 16px 15px;border-radius:13px}.city-country{font-size:14px;gap:5px}.city-country>span{font-size:12px;max-width:100px}.phase-icon{width:16px;height:16px}.city-card h3{font-size:15px;margin-top:16px}.card-time{font-size:38px;letter-spacing:-1.8px;margin:5px 0 12px}.card-meta{font-size:12px;flex-wrap:wrap;gap:7px}.difference{font-size:12px}.phase-line{font-size:12px;gap:6px;flex-wrap:wrap;margin-top:13px;padding-top:12px}.phase-line>span:last-child{font-size:12px}.ampm{font-size:12px;margin-left:5px}.cards-note{font-size:12px;justify-content:flex-start;line-height:1.6;margin-top:12px}.feature-links{gap:18px;margin:25px 0 35px;grid-template-columns:1fr}.feature-links>a{padding-top:18px}.feature-tag{display:block}.site-footer{margin:0 22px;padding-bottom:105px;gap:17px;align-items:flex-start;font-size:12px}.site-footer>div{flex-direction:column;align-items:flex-start;gap:7px}.sync-status{font-size:12px}.data-credit{font-size:12px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--background);border-top:1px solid var(--input);display:flex;justify-content:space-around;gap:4px;padding:10px 7px max(12px,env(safe-area-inset-bottom));box-shadow:0 -5px 30px #0000000a}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--muted-foreground);padding:3px 6px;min-width:63px;line-height:1.3;min-height:46px}.mobile-nav .nav-active{color:var(--mint)}.tool-view{padding:34px 0 40px}.tool-heading{align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:27px}.tool-heading h1{font-size:31px;letter-spacing:-1px;margin-top:11px}.tool-heading p{font-size:14px;margin-top:10px;line-height:1.75}.tool-heading>.secondary-button{padding:8px 12px;font-size:12px;min-height:38px}.tool-controls{padding:17px 15px;gap:13px;margin-bottom:15px;border-radius:12px}.tool-controls label{gap:7px;font-size:12px}.tool-controls input[type=date],.tool-controls input[type=time]{font-size:14px;padding:0 9px}.tool-controls .primary-button,.tool-controls .secondary-button{font-size:12px;padding:10px 12px}.tool-controls label:first-child{flex:1}.controls-spacer{display:none}.checkbox-label{flex:1}.atlas-select{font-size:14px!important;min-width:100px!important}.compare-slider{gap:13px;padding:16px 0 22px}.compare-slider>span{font-size:12px}.comparison-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compare-card{padding:17px 15px;border-radius:12px}.compare-card h2{font-size:16px;margin-top:15px}.compare-time{font-size:35px;letter-spacing:-1.5px}.compare-card-top{font-size:12px;gap:5px}.compare-card-top>span:first-child{font-size:18px}.comparison-date{font-size:12px}.compare-phase{font-size:12px;flex-wrap:wrap;gap:4px;margin-top:14px}.compare-phase>span{font-size:12px}.timeline-section{margin-top:28px}.timeline-top{flex-wrap:wrap;gap:13px;margin-bottom:18px}.timeline-top h2{font-size:16px}.timeline-legend{font-size:12px}.timeline-city{width:100px;min-width:100px}.timeline-row{gap:12px}.timeline-city strong{font-size:12px}.timeline-table{min-width:780px}.tool-note{font-size:12px;line-height:1.75}.meeting-layout{grid-template-columns:1fr;gap:26px}.participants-panel{padding:20px}.participant{padding:17px 0}.work-range{margin-top:12px}.meeting-slot{padding:18px}.no-overlap{padding:45px 20px}.no-overlap h3{font-size:20px}.no-overlap p{font-size:14px}.explore-layout{display:flex;flex-direction:column;gap:25px}.explore-map{position:static;width:100%;max-width:370px;margin:-15px auto 0}.map-caption{margin-top:10px}.map-caption strong{font-size:23px}.map-caption span{font-size:14px}.explore-list{width:100%}.explore-city{gap:12px}.explore-cities{max-height:none}.explore-count{display:none}.region-tabs{padding:16px 0!important}.explore-city>a strong{font-size:14px}.explore-city-time strong{font-size:17px}.city-detail{padding-top:25px}.city-detail .clock-hero{min-height:0}.detail-facts{margin-top:20px;padding:24px 0;gap:25px 0;border-radius:12px}.detail-facts>div{padding:0 17px;gap:9px}.detail-facts>div>span{font-size:12px}.detail-facts strong{font-size:15px}.detail-facts .fact-small{font-size:12px}.detail-actions{gap:9px}.detail-actions>*{font-size:12px;padding:10px 12px}.timezone-detail{padding:30px 0 65px}.timezone-detail h1{font-size:73px}.timezone-detail h2{font-size:22px}.timezone-detail p{font-size:14px}.zone-example{padding:20px;gap:12px;flex-wrap:wrap}.zone-example strong{font-size:26px}.zone-example span{font-size:12px}.city-search-dialog{max-height:80dvh!important;max-width:calc(100% - 32px)!important}.city-search-dialog [data-slot=command-input-wrapper]{padding:0 18px}.city-search-dialog [data-slot=command-input]{font-size:14px}.city-search-dialog [data-slot=command-list]{max-height:50dvh}.search-foot{font-size:12px;padding:12px 18px}.copy-fallback{bottom:85px}}
@media(max-width:380px){.header-inner,.main-shell{padding-left:18px;padding-right:18px}.header-actions{gap:6px}.brand{font-size:14px}.hero-time{font-size:86px;gap:8px;letter-spacing:-5px}.hero-seconds{font-size:30px}.hero-period{font-size:12px}.hero-calendar{gap:8px;font-size:12px}.city-card{padding:16px 13px}.city-country>span{max-width:80px}.card-time{font-size:34px}.section-top h2{font-size:19px}.section-actions{gap:5px}.city-card h3{font-size:14px}.card-meta{font-size:12px}.phase-line{gap:4px}.site-footer{margin:0 18px}.tool-heading h1{font-size:28px}.compare-time{font-size:32px}.compare-card{padding:15px 13px}}
:root[data-theme=light] .hero-calendar,:root[data-theme=light] .utc-mini strong,:root[data-theme=light] .difference,:root[data-theme=light] .footer-brand{color:#596a84}:root[data-theme=light] .hero-seconds{color:#8e9bb0}:root[data-theme=light] .hero-phase.day{color:#ad6d17}:root[data-theme=light] .hour-cell.night{background:#e8edf7;color:#536784}:root[data-theme=light] .hour-cell.day{background:#fbefda;color:#90662b}:root[data-theme=light] .hour-cell.working{background:#d9efe8;color:#20715f}:root[data-theme=light] .hour-cell.active{background:#d9e5ff;color:#234b92}:root[data-theme=light] .inline-warning{color:#965600}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Native browser controls: no CSS or JavaScript framework is required. */
button{border:0;background:transparent;padding:0}select{font:inherit;touch-action:manipulation}select:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}.hero-time>[data-clock]{display:inline-flex;align-items:baseline;gap:inherit}.explore-city-time [data-clock]{display:inline;font-size:inherit;color:inherit;margin:0}.explore-city-time [data-clock] .ampm{font-size:11px}
.region-tabs button{font-size:12px;padding:7px 9px;border-radius:6px;color:var(--muted-foreground)}.region-tabs button.selected{background:var(--secondary);color:var(--foreground)}
.compare-slider input[type=range]{flex:1;width:100%;height:22px;accent-color:var(--primary);cursor:pointer}.checkbox-label input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}
dialog{color:var(--foreground);margin:auto}dialog::backdrop{background:#020714ad;backdrop-filter:blur(5px)}.city-search-dialog{width:min(540px,calc(100% - 32px))}
.search-input-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);color:var(--muted-foreground)}.search-input-row input{flex:1;width:100%;padding:0;background:transparent;color:var(--foreground);border:0;outline:none}.search-input-row input:focus-visible{outline:none}.search-input-row .icon-button{width:30px;height:30px}
#city-results{overflow-y:auto;scrollbar-width:thin}#city-results [role=option]{width:100%;display:flex;align-items:center;text-align:left;color:var(--foreground)}#city-results [role=option][aria-selected=true],#city-results [role=option]:hover{background:var(--accent)}
.copy-dialog{width:min(550px,calc(100% - 32px));background:var(--popover);border:1px solid var(--input);border-radius:16px;padding:24px}.copy-dialog form{display:grid;gap:18px}.copy-dialog h2{font-size:16px;font-weight:500;line-height:1.7}.copy-dialog input{width:100%;font-size:14px;padding:12px;color:var(--foreground);background:var(--secondary);border:1px solid var(--input);border-radius:8px}.copy-dialog button{justify-self:end}
#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:90;padding:13px 22px;border:1px solid var(--input);border-radius:12px;box-shadow:0 8px 30px #0004;background:var(--popover);color:var(--foreground);font-size:14px;max-width:calc(100% - 32px);text-align:center}
.zone-example>div{display:flex;flex-direction:column;gap:8px}.zone-example>svg{margin:0 12px;color:var(--muted-foreground)}.timezone-detail .primary-button{margin-top:25px}
@media(max-width:700px){#toast{bottom:90px}.tool-controls input[type=date]{max-width:100%;width:100%}.tool-controls label:first-child{min-width:145px}.search-input-row{gap:10px}.hero-time>[data-clock]{gap:11px}.timezone-detail h1{overflow-wrap:anywhere}.participant-heading>div{min-width:0}.participant-heading>div>span{overflow-wrap:anywhere}}
@media(max-width:380px){.hero-time>[data-clock]{gap:8px}}

/* Motion layer: keeps the existing layout and palette while adding restrained feedback. */
body,.atlas-app,.site-header,.mobile-nav,.city-card,.compare-card,.utility-strip,.feature-links>a,.participants-panel,.meeting-slot,.tool-controls,.icon-button,.primary-button,.secondary-button,.text-button,.language-button,.time-format button,.region-tabs button,.hour-cell,.globe-controls .icon-button,.site-footer{
 transition:background-color 360ms ease,color 260ms ease,border-color 320ms ease,box-shadow 220ms ease;
}
.globe-grid path,.globe-land circle,.globe-city circle,.globe-city text{transition:fill 360ms ease,stroke 360ms ease,color 360ms ease;}
.clock-run{display:inline-flex;align-items:baseline;gap:0;font-variant-numeric:tabular-nums;white-space:nowrap;}
.clock-digit{display:inline-block;min-width:.56em;text-align:center;will-change:transform,opacity;}
.clock-separator{display:inline-block;}
.hero-seconds.clock-run{gap:0;}
.motion-reveal{opacity:0;translate:0 12px;transition:opacity 560ms cubic-bezier(.2,.7,.2,1),translate 560ms cubic-bezier(.2,.7,.2,1);transition-delay:var(--motion-delay,0ms);}
.motion-reveal.is-visible,.motion-reveal:focus-within{opacity:1;translate:0 0;}
.city-card{transition:transform 210ms cubic-bezier(.2,.7,.2,1),box-shadow 240ms ease,border-color 220ms ease,background-color 360ms ease,color 260ms ease;}
@media(hover:hover){
 .city-card:hover{transform:translateY(-4px) scale(1.006);box-shadow:0 15px 34px #0208172e;border-color:#62e7c55c;}
 .city-card:hover:before{opacity:.55;}
 .feature-links>a:hover{transform:translateY(-2px);}
 .desktop-nav a:not(.nav-active):hover:after{transform:scaleX(1);opacity:.55;}
}
.city-card:focus-within{box-shadow:0 12px 28px #02081724;border-color:#62e7c54d;}
.city-card:active{transform:translateY(-1px) scale(.998);}
.desktop-nav a:after{transition:transform 220ms cubic-bezier(.2,.7,.2,1),opacity 220ms ease;transform-origin:left center;}
.desktop-nav a:not(.nav-active):after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--mint);opacity:0;transform:scaleX(0);}
.desktop-nav a.nav-active:after{transform:scaleX(1);}
.desktop-nav a{transition:color 200ms ease;}
.header-actions .icon-button:hover,.globe-controls .icon-button:hover{transform:translateY(-1px);}
.header-actions .icon-button:active,.globe-controls .icon-button:active,.primary-button:active,.secondary-button:active,.text-button:active,.time-format button:active,.region-tabs button:active,.hour-cell:active{transform:scale(.96);}
.icon-button svg,.language-button svg,.main-city-button svg{transition:transform 220ms cubic-bezier(.2,.7,.2,1),color 220ms ease;}
.language-button:hover{color:var(--foreground);}
.language-button:hover svg{transform:translateY(2px);}
.main-city-button:hover svg{transform:translateY(2px);color:var(--mint);}
.time-format button{transition:background-color 220ms ease,color 220ms ease,box-shadow 220ms ease,transform 180ms ease;}
.time-format button:not(.selected):hover{color:var(--foreground);}
.mobile-nav a{transition:color 200ms ease,transform 180ms ease;}
.mobile-nav a:active{transform:translateY(-2px);}
.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);}
.primary-button:active,.secondary-button:active{transform:translateY(0) scale(.98);}
.live-dot{animation:live-breathe 3.2s ease-in-out infinite;}
@keyframes live-breathe{0%,100%{box-shadow:0 0 7px #62e7c52b;opacity:.78}50%{box-shadow:0 0 12px #62e7c56b;opacity:1}}
@media(prefers-reduced-motion:reduce){
 .motion-reveal,.motion-reveal.is-visible,.motion-reveal:focus-within{opacity:1!important;translate:none!important;transition:none!important;}
 .clock-digit{will-change:auto;}
}