:root{--ink:#f8f7ff;--muted:#a9a4bd;--lime:#d9ff43;--pink:#ff3ec8;--cyan:#19e6ff;--violet:#8b5cff;--bg:#100925;--panel:#f3f0ea}*{box-sizing:border-box}html{background:#0b0718}body{margin:0;color:var(--ink);font-family:Manrope,system-ui,sans-serif;background:var(--bg)}button,a{font:inherit}.app{min-height:100vh;overflow:hidden}.topbar{height:72px;padding:0 clamp(22px,4vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1f;position:absolute;z-index:20;width:100%}.brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.16em;font-size:18px}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);display:inline-block;margin-right:10px;box-shadow:0 0 18px var(--lime)}.topbar-center{font:500 10px DM Mono;letter-spacing:.23em;color:#c7c1d8}.live-dot{width:6px;height:6px;border-radius:50%;background:#ff4365;display:inline-block;margin-right:9px;animation:pulse 1.5s infinite}.locate-button{color:#fff;background:#ffffff0c;border:1px solid #ffffff2f;border-radius:100px;padding:9px 14px;display:flex;align-items:center;gap:8px;font:500 10px DM Mono;letter-spacing:.12em;cursor:pointer;transition:.2s}.locate-button:hover{background:#ffffff18;transform:translateY(-1px)}.locate-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.5}.map-stage{height:min(72vh,760px);min-height:590px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 35%,#4f146d 0,transparent 37%),radial-gradient(circle at 28% 65%,#143f65 0,transparent 35%),#120b2e}.map-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff10 50%,transparent 50.2%);pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35}.orb-one{width:400px;height:400px;background:#ff2bb9;right:-160px;top:-130px}.orb-two{width:300px;height:300px;background:#00d8ff;left:-120px;bottom:-60px}.map-heading{position:absolute;z-index:7;top:105px;left:clamp(24px,5vw,80px);pointer-events:none}.map-heading p,.eyebrow{font:500 10px DM Mono;letter-spacing:.2em;color:var(--lime)}.map-heading h1{font-size:clamp(38px,5vw,72px);line-height:.92;letter-spacing:-.055em;margin:13px 0;color:#fff}.map-heading h1 em{font-weight:400;color:#a99ad0}.map-wrap{position:absolute;left:3%;right:3%;top:100px;height:480px}.world-map{position:absolute;width:100%;height:100%;z-index:3;overflow:visible}.grid path{stroke:#ffffff0c;fill:none;stroke-width:1}.land path{fill:#7554a0;stroke:#c7b3ff;stroke-width:1;vector-effect:non-scaling-stroke}.coast-glow path{fill:none;stroke:#e8dcff;stroke-width:.7;opacity:.35;filter:drop-shadow(0 0 8px #ba8dff)}.zone-bands{position:absolute;inset:0;display:grid;grid-template-columns:repeat(24,1fr);z-index:2;clip-path:polygon(0 10%,100% 10%,100% 92%,0 92%)}.zone-band{border-left:1px solid #fff0;transition:.35s;position:relative}.zone-band.day{background:#ffb82e08}.zone-band.night{background:#07173613}.zone-band.active{background:linear-gradient(180deg,#d9ff4300,#d9ff4330 25%,#d9ff4344 65%,#d9ff4305);border-color:#d9ff4366;box-shadow:0 0 40px #d9ff431c inset}.zone-band.active:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff2,transparent)}.utc-scale{position:absolute;z-index:8;left:3%;right:3%;bottom:24px;display:grid;grid-template-columns:repeat(13,1fr);color:#817a9b;font:10px DM Mono;text-align:center}.city-marker{position:absolute;z-index:6;transform:translate(-50%,-50%);color:#fff;font:500 10px DM Mono;letter-spacing:.08em;text-shadow:0 2px 8px #100925}.city-marker:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);display:block;margin:0 auto 5px}.city-marker b{display:block;font-size:13px}.city-marker span{color:#c6c0d5}.you-pin{position:absolute;z-index:10;transform:translate(-50%,-100%);display:none;flex-direction:column;align-items:center}.you-pin.show{display:flex}.you-pin span{width:14px;height:14px;border:3px solid var(--lime);border-radius:50%;background:#332d1c;box-shadow:0 0 0 7px #d9ff4322,0 0 25px var(--lime)}.you-pin b{margin-bottom:10px;order:-1;white-space:nowrap;background:var(--lime);color:#17142b;padding:5px 8px;font:700 9px DM Mono;letter-spacing:.1em}.map-legend{position:absolute;z-index:8;right:5%;top:105px;display:flex;gap:18px;font:500 9px DM Mono;letter-spacing:.1em;color:#a9a4bd}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-current{background:var(--lime);box-shadow:0 0 8px var(--lime)}.legend-day{background:#ffbc42}.legend-night{background:#6455b8}.local-panel{min-height:230px;background:var(--panel);color:#19152a;display:grid;grid-template-columns:1.3fr 1.45fr 1.2fr 1.1fr 1.1fr;align-items:stretch;padding:0 clamp(24px,5vw,80px);position:relative;z-index:12}.local-panel>div{padding:38px 26px;border-right:1px solid #d9d3cb;display:flex;flex-direction:column;justify-content:center}.local-panel>div:first-child{padding-left:0}.local-panel>div:last-child{border:0;padding-right:0}.local-intro .eyebrow,.local-date .eyebrow{color:#7759ad}.local-intro h2{font-size:32px;margin:10px 0 0;letter-spacing:-.04em}.local-intro p,.local-date p{font-size:11px;color:#77707c;margin:5px 0}.local-clock time{font:500 clamp(38px,5vw,72px)/1 DM Mono;letter-spacing:-.08em}.local-clock span{font:500 11px DM Mono;color:#7759ad;margin-top:10px}.local-date strong{font-size:15px;margin-top:12px}.sun-info{gap:22px}.sun-info>div{display:flex;align-items:center;gap:12px}.sun-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px}.sunrise{background:#ffb134;color:#fff}.sunset{background:#6041a0;color:#fff}.sun-info p{margin:0}.sun-info small,.zone-info small{display:block;font:500 9px DM Mono;letter-spacing:.13em;color:#837b83;margin-bottom:5px}.sun-info b{font:500 18px DM Mono}.zone-info{gap:22px}.zone-info b{font:500 12px DM Mono}.city-strip{background:#0c081a;display:grid;grid-template-columns:repeat(6,1fr);padding:0 clamp(24px,5vw,80px)}.city-card{padding:26px 22px;border-right:1px solid #ffffff18;position:relative;transition:.2s}.city-card:last-child{border:0}.city-card:hover{background:#ffffff08}.city-card small{font:500 9px DM Mono;color:#89839b;letter-spacing:.12em}.city-card h3{font-size:15px;margin:7px 0 13px}.city-card time{font:500 25px DM Mono}.city-card p{font:10px DM Mono;color:#777187;margin:7px 0 0}.city-card .day-state{position:absolute;right:15px;top:28px;width:7px;height:7px;border-radius:50%;background:#ffbc42;box-shadow:0 0 9px #ffbc42}.city-card .day-state.night{background:#7763c9;box-shadow:0 0 9px #7763c9}@keyframes pulse{50%{opacity:.3;box-shadow:0 0 0 6px #ff436522}}@media(max-width:1000px){.local-panel{grid-template-columns:1fr 1.5fr 1fr}.sun-info,.zone-info{display:none!important}.city-strip{grid-template-columns:repeat(3,1fr)}.map-heading h1{font-size:50px}}@media(max-width:650px){.map-stage{height:620px}.topbar-center{display:none}.map-heading{top:90px}.map-heading h1{font-size:40px}.map-legend{top:auto;bottom:50px;left:24px;right:auto}.map-legend span:nth-child(n+2){display:none}.map-wrap{left:-30%;right:-30%;top:140px}.local-panel{grid-template-columns:1fr 1fr;padding:0 20px;min-height:170px}.local-panel>div{padding:24px 14px}.local-date{display:none!important}.local-clock time{font-size:36px}.local-intro h2{font-size:24px}.city-strip{grid-template-columns:repeat(2,1fr);padding:0 20px}.city-card:nth-child(n+5){display:none}.utc-scale{display:none}}