:root{font-family:Inter,Helvetica Neue,Arial,sans-serif;color:#f7f7f4;background:#000;font-synthesis:none;text-rendering:geometricPrecision;--amber: #ffb75b;--white: #f7f7f4;--muted: rgba(255, 255, 255, .56);--line: rgba(255, 255, 255, .25)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{position:relative;width:100%;height:100svh;min-height:540px;overflow:hidden;isolation:isolate;background:#000}.space-scene,.space-scene canvas,.map-view{position:absolute!important;inset:0;width:100%!important;height:100%!important}.space-scene{z-index:0;background:#000 url(/assets/starfield-2026.png) center / cover no-repeat}.space-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 48% 45%,transparent 35%,rgba(0,0,0,.18) 100%)}.space-scene canvas{cursor:grab}.space-scene canvas:active{cursor:grabbing}.map-view{z-index:2;background:#05090d;animation:map-in .65s cubic-bezier(.2,.75,.2,1) both}.map-eclipse-overlay{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}@keyframes map-in{0%{opacity:0;transform:scale(1.055);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.maplibregl-canvas{cursor:crosshair}.maplibregl-ctrl-bottom-right{bottom:122px!important;right:17px!important}.maplibregl-ctrl-group{display:flex;overflow:hidden;background:#06090bdb!important;border:1px solid rgba(255,255,255,.22);border-radius:12px;box-shadow:0 10px 34px #0006!important}.maplibregl-ctrl-group button{width:44px;height:39px;border:0!important}.maplibregl-ctrl-group button+button{border-left:1px solid rgba(255,255,255,.15)!important}.maplibregl-ctrl-icon{filter:invert(1);opacity:.88}.maplibregl-ctrl-attrib{display:none}.city-marker{display:flex;align-items:center;gap:7px;color:#ffffffeb;font-size:12px;font-weight:470;text-shadow:0 1px 5px #000,0 0 10px #000;white-space:nowrap}.city-marker i{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:#fff;box-shadow:0 0 5px #fff9}.map-selection{position:relative;width:26px;height:26px}.map-selection i{position:absolute;inset:0;border:2px solid #ffb04d;border-radius:50%;background:#ffad4d29;box-shadow:0 0 0 4px #0000005c,0 0 18px #ffae4d80}.map-selection i:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#ffbd62}.map-selection span{position:absolute;top:50%;left:34px;width:max-content;transform:translateY(-50%);padding:8px 10px;color:#fffffff0;background:#050709db;border:1px solid rgba(255,255,255,.28);border-radius:6px;font-size:12px;white-space:nowrap;box-shadow:0 8px 28px #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar{position:absolute;z-index:12;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;pointer-events:none}.topbar-left{display:flex;align-items:center;gap:14px;min-width:0;pointer-events:auto}.view-tabs{display:inline-flex;align-items:center;padding:3px;background:#050709b8;border:1px solid rgba(255,255,255,.24);border-radius:12px;box-shadow:0 8px 28px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.view-tabs button{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;color:#ffffff80;background:transparent;border:0;border-radius:8px;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.view-tabs button span{font-size:10px;font-weight:620;letter-spacing:.09em}.view-tabs button.active{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffbc6054}.view-switch{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;color:#ffffffeb;background:#050709b8;border:1px solid rgba(255,255,255,.28);border-radius:12px;box-shadow:0 8px 28px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.view-switch:hover{border-color:#ffbe6bb8;background:#110e0ae0;transform:translateY(-1px)}.view-switch span{font-size:12px;font-weight:580;letter-spacing:.08em}.date-mark{display:flex;align-items:center;gap:15px;color:#f4f4f1;font-size:14px;font-weight:490;letter-spacing:.13em;white-space:nowrap}.date-mark i{width:29px;height:29px;border:2px solid #ffc46e;border-radius:50%;box-shadow:0 0 8px #ffb152d1,inset 0 0 7px #ffb1526b}.scale-readout{position:absolute;z-index:11;top:91px;left:25px;display:flex;align-items:center;gap:9px;padding:8px 10px;color:#ffffff75;background:#0305076b;border:1px solid rgba(255,255,255,.11);border-radius:8px;font-size:9px;letter-spacing:.11em;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.scale-readout span{color:#ffbe63c7}.space-controls{position:absolute;z-index:12;right:17px;bottom:123px;display:flex;align-items:center;gap:8px;pointer-events:auto}.scale-toggle,.earth-center{background:#040608c2;border:1px solid rgba(255,255,255,.19);box-shadow:0 10px 30px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.scale-toggle{display:flex;padding:3px;border-radius:10px}.scale-toggle button,.earth-center{height:33px;padding:0 11px;border-radius:7px;color:#ffffff75;font-size:9px;font-weight:620;letter-spacing:.08em;cursor:pointer}.scale-toggle button{background:transparent;border:0}.scale-toggle button.active{color:#fff;background:#ffb8561f;box-shadow:inset 0 0 0 1px #ffb85659}.earth-center{display:inline-flex;align-items:center;gap:7px;color:#fffc}.earth-center:hover,.scale-toggle button:hover{color:#fff}.sky-view,.sky-view canvas{position:absolute;inset:0;width:100%;height:100%}.sky-view{z-index:2;overflow:hidden;background:#03060b;animation:map-in .55s cubic-bezier(.2,.75,.2,1) both}.sky-view canvas{display:block}.sky-bearing{position:absolute;z-index:4;top:105px;left:25px;display:grid;gap:3px;padding-left:12px;border-left:1px solid rgba(255,187,93,.7);text-shadow:0 2px 12px rgba(0,0,0,.9);pointer-events:none}.sky-bearing span,.sky-bearing small{color:#ffffff80;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.sky-bearing strong{font-size:14px;font-weight:520;letter-spacing:.05em}.weather-panel{position:absolute;z-index:5;right:17px;bottom:123px;width:340px;padding:15px;color:#ffffffe6;background:linear-gradient(180deg,#06090cb3,#040608e6);border:1px solid rgba(255,255,255,.17);border-radius:12px;box-shadow:0 14px 42px #00000061;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.weather-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.weather-heading div{display:grid;gap:3px}.weather-heading strong{font-size:13px;font-weight:560}.weather-heading span{color:#ffffff7a;font-size:10px}.weather-heading svg{color:var(--amber)}.weather-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.weather-metrics span{min-width:0;display:grid;gap:3px;color:#ffffff78}.weather-metrics b{color:#ffffffe0;font-size:12px;font-weight:520}.weather-metrics small{overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.weather-panel footer{margin-top:13px;padding-top:10px;color:#ffffff4d;border-top:1px solid rgba(255,255,255,.08);font-size:7px;letter-spacing:.1em}.city-search{position:relative;width:min(308px,32vw);pointer-events:auto}.search-field{height:43px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#ffffffd1;background:#050709a8;border:1px solid rgba(255,255,255,.28);border-radius:12px;box-shadow:0 8px 28px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .2s ease,background .2s ease}.search-field:focus-within{border-color:#ffbe6bb3;background:#040608e6}.search-field input{min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent;font-size:13px}.search-field input::placeholder{color:#ffffffad}.search-field button{display:grid;place-items:center;padding:3px;border:0;background:none;cursor:pointer}.search-spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-results{position:absolute;top:49px;left:0;right:0;max-height:min(390px,calc(100svh - 165px));overflow-x:hidden;overflow-y:auto;padding:5px;background:#050709f5;border:1px solid rgba(255,255,255,.18);border-radius:10px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.search-results button{width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;cursor:pointer}.search-results button:hover{background:#ffffff0f}.search-results span{font-size:12px}.search-results small{grid-column:1;max-width:240px;overflow:hidden;color:#ffffff6e;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.search-results svg{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--amber)}.eclipse-preview{position:absolute;z-index:10;top:84px;right:28px;width:198px;height:198px;overflow:hidden;border:1.5px solid #e79d3d;border-radius:50%;background:radial-gradient(circle,#050505 0 54%,#071019 72%,#020508);box-shadow:0 14px 40px #0000006b;pointer-events:none}.preview-corona{position:absolute;top:50%;left:50%;width:63px;height:63px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fffdf2 0 28%,#ffe9bd 50%,#ffc46d 79%,#f49a38 94%,#ffa4461a);box-shadow:0 0 9px 2px #ffd084b8,0 0 28px #ffa44261}.preview-corona:after{content:"";position:absolute;inset:-38px;border-radius:50%;background:repeating-conic-gradient(from 8deg,rgba(255,224,170,.24) 0 1deg,transparent 1deg 5deg);-webkit-mask-image:radial-gradient(circle,transparent 0 28%,#000 39%,transparent 72%);mask-image:radial-gradient(circle,transparent 0 28%,#000 39%,transparent 72%)}.preview-moon{position:absolute;top:50%;left:50%;width:63px;height:63px;border-radius:50%;background:#010203;box-shadow:inset -6px 0 10px #080e14cc}.timeline{position:absolute;z-index:12;left:7px;right:7px;bottom:7px;height:104px;display:grid;grid-template-columns:267px 1fr;align-items:center;gap:24px;padding:15px 115px 13px 38px;background:linear-gradient(180deg,#07090bbd,#040608e8);border:1px solid rgba(255,255,255,.11);border-radius:10px;box-shadow:0 -8px 38px #0003,0 12px 45px #00000080;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.timeline-heading{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:28px}.timeline-play{width:58px;height:58px;display:grid;place-items:center;padding:0 0 0 2px;color:#fff;background:#02040659;border:1px solid rgba(255,255,255,.42);border-radius:50%;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease}.timeline-play:hover{transform:scale(1.04);border-color:#ffbf69;background:#ffb75b14}.timeline-heading strong{font-size:17px;font-weight:450;letter-spacing:.015em;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-heading strong span{color:#fffc;font-size:.82em}.timeline-heading strong small{display:block;margin-top:4px;color:#ffbe67cc;font-size:9px;font-weight:560;letter-spacing:.08em;text-transform:uppercase}.timeline-track-wrap{position:relative;height:52px;padding-top:10px}.timeline-track-wrap input{position:relative;z-index:3;width:100%;height:24px;margin:0;appearance:none;outline:none;background:transparent;cursor:ew-resize}.timeline-track-wrap input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#c58d45 0 var(--timeline-progress),rgba(255,255,255,.25) var(--timeline-progress) 100%)}.timeline-track-wrap input::-webkit-slider-thumb{width:22px;height:22px;margin-top:-10px;appearance:none;border:4px solid #ffc266;border-radius:50%;background:#ffb85c;box-shadow:0 0 0 2px #ffbe6240,0 0 18px #ffb250bf}.timeline-track-wrap input::-moz-range-track{height:2px;background:#ffffff40}.timeline-track-wrap input::-moz-range-progress{height:2px;background:#c58d45}.timeline-track-wrap input::-moz-range-thumb{width:15px;height:15px;border:4px solid #ffc266;border-radius:50%;background:#ffb85c}.eclipse-window{position:absolute;z-index:2;top:17px;height:8px;min-width:7px;border-radius:50%;background:#ffb95b52;pointer-events:none}.timeline-peak{position:absolute;z-index:4;top:8px;width:1px;height:22px;transform:translate(-50%);background:linear-gradient(180deg,#ffc66ef2,#ffb4522e);pointer-events:none}.timeline-peak:after{content:"";position:absolute;top:-3px;left:50%;width:7px;height:7px;transform:translate(-50%) rotate(45deg);background:#ffc56f;border:1px solid rgba(255,237,203,.88);box-shadow:0 0 12px #ffb24bb8}.timeline-peak>span{position:absolute;bottom:27px;left:50%;width:max-content;transform:translate(-50%);padding:4px 6px;color:#ffffffd9;background:#050709d6;border:1px solid rgba(255,190,99,.3);border-radius:5px;font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:.045em;line-height:1.25;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timeline-peak b{color:#ffc069;font-weight:680;letter-spacing:.09em}.timeline-peak small{display:block;margin-top:1px;color:#ffbe67ad}.timeline-ticks{display:flex;justify-content:space-between;padding-top:0;color:#ffffffd4;font-size:15px;font-weight:430;font-variant-numeric:tabular-nums}@media(max-width:760px){.topbar{height:108px;align-items:flex-start;padding:14px 15px 0}.topbar-left{gap:8px}.view-tabs button{width:34px;height:31px;padding:0}.view-tabs button span{display:none}.date-mark{gap:10px;font-size:11px}.date-mark i{width:24px;height:24px}.scale-readout{top:112px;left:15px;padding:6px 8px;font-size:8px}.city-search{position:absolute;top:57px;right:15px;width:calc(100vw - 30px)}.search-field{height:39px}.eclipse-preview{top:109px;right:15px;width:126px;height:126px}.space-controls{right:8px;bottom:107px;gap:5px}.scale-toggle button{height:30px;padding:0 7px;font-size:7px}.earth-center{width:34px;height:36px;justify-content:center;padding:0}.earth-center span{display:none}.sky-bearing{top:112px;left:15px}.weather-panel{right:8px;bottom:107px;left:8px;width:auto;padding:12px}.weather-metrics{margin-top:10px}.weather-panel footer{margin-top:9px;padding-top:8px}.timeline{height:92px;grid-template-columns:142px 1fr;gap:9px;padding:12px}.timeline-heading{grid-template-columns:42px 1fr;gap:9px}.timeline-play{width:42px;height:42px}.timeline-heading strong{font-size:13px}.timeline-ticks{font-size:10px}.maplibregl-ctrl-bottom-right{bottom:105px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}