.header-actions{display:flex;align-items:center;gap:8px}.zone-button,.auto-zone{color:#17142b;background:var(--lime);border:0;border-radius:100px;padding:11px 15px;font:700 10px DM Mono;letter-spacing:.1em;cursor:pointer;box-shadow:0 0 18px #d9ff4326;transition:.2s}.zone-button:hover,.auto-zone:hover{transform:translateY(-1px);box-shadow:0 0 24px #d9ff4350}.solar-layer{position:absolute;inset:48px 0 38px;z-index:1;overflow:hidden;opacity:.95;pointer-events:none}.solar-day,.solar-dusk,.solar-night{position:absolute;top:0;bottom:0;will-change:transform}.solar-day{width:50%;background:radial-gradient(ellipse at center,#ffc9403d 0,#ff9d1624 45%,#ff6b0010 75%,transparent 100%);filter:blur(4px)}.solar-dusk{width:14%;background:linear-gradient(90deg,transparent,#ff3e9c42 35%,#795cff5c 66%,transparent);filter:blur(18px)}.solar-night{width:50%;background:linear-gradient(90deg,#030718ad,#0b103d82 70%,#34205b45);box-shadow:inset 25px 0 70px #090a2f8f}.zone-bands{z-index:4}.zone-band{border-left:1px solid #ffffff22;border-right:1px solid #00000012}.zone-band:before{content:attr(data-label);position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font:500 8px DM Mono;color:#d3cde555;white-space:nowrap}.zone-band.day,.zone-band.night{background:transparent}.zone-band.active{background:linear-gradient(180deg,#d9ff4308,#d9ff4335 25%,#d9ff434b 65%,#d9ff4308);border-left:1px solid #d9ff43aa;border-right:1px solid #d9ff43aa;box-shadow:0 0 38px #d9ff4333 inset}.world-map{z-index:3}.city-markers{position:relative;z-index:6}.zone-dialog{width:min(520px,calc(100% - 32px));max-height:min(680px,calc(100vh - 40px));padding:38px;border:1px solid #ffffff2f;border-radius:24px;color:#f8f7ff;background:linear-gradient(145deg,#241449,#100a24);box-shadow:0 30px 100px #000b;overflow:hidden}.zone-dialog::backdrop{background:#080414cc;backdrop-filter:blur(12px)}.zone-dialog h2{font-size:36px;letter-spacing:-.04em;margin:12px 0 4px}.zone-dialog>p{color:#a9a4bd;font-size:13px;margin:0 0 26px}.zone-dialog label{display:block;color:#aaa3ba;font:500 9px DM Mono;letter-spacing:.14em;margin-bottom:8px}.zone-dialog input{width:100%;border:1px solid #ffffff2d;border-radius:12px;background:#ffffff0b;color:#fff;padding:14px 15px;outline:0;font:14px Manrope}.zone-dialog input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #d9ff4315}.dialog-close{position:absolute;right:20px;top:16px;border:0;background:transparent;color:#aaa3ba;font-size:30px;cursor:pointer}.zone-results{height:290px;overflow:auto;margin:12px -8px 18px;padding:0 8px}.zone-result{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 20px;text-align:left;padding:11px 12px;color:#fff;background:transparent;border:0;border-bottom:1px solid #ffffff12;cursor:pointer;border-radius:9px}.zone-result:hover,.zone-result.selected{background:#ffffff10}.zone-result b{font:600 13px Manrope}.zone-result span{font:500 12px DM Mono;color:var(--lime);grid-row:1/3;grid-column:2;align-self:center}.zone-result small{font:10px DM Mono;color:#827b96}.auto-zone{width:100%}@media(max-width:650px){.zone-button{padding:10px;font-size:0}.zone-button:after{content:'TIME';font-size:9px}.locate-button span{display:none}.zone-dialog{padding:28px 20px}.zone-band:before{display:none}}