@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080e18;--panel:#0c1421;--border:#23303e;--muted:#8794a7;--text:#e9edf4;--accent:#eabe74}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,'Noto Sans SC',sans-serif;font-size:13px}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.shell{max-width:1600px;margin:auto;padding:0 5%}.topbar{height:83px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:600}.brand-sun{color:var(--accent);font-size:31px}.brand-divider{color:#526074;margin:0 15px;font-weight:400}.brand small{font-size:11px;letter-spacing:2px;font-weight:500}.toplinks{display:flex;align-items:center;gap:9px;color:#9aa6b8;font-size:12px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8ea895;box-shadow:0 0 9px #87ad9340}.text-button{border:0;background:none;color:#aeb8c6;font-size:12px;padding:8px 0}.toplinks .text-button{margin-left:34px}.text-button:hover{color:var(--accent)}.text-button span{margin-left:8px}.intro{display:flex;justify-content:space-between;align-items:center;padding:35px 0 27px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#929bad;font-weight:500}h1{font-weight:500;font-size:38px;letter-spacing:1px;margin:12px 0 10px}h1 span{color:var(--accent)}.intro p{color:var(--muted);font-size:13px;margin:0;letter-spacing:.7px}.year-label{text-align:right;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px}.year-label strong{font-size:27px;font-weight:500;color:#e2e8f1;letter-spacing:1px}.year-label small{font-size:11px;color:#8490a3}.seasons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.season-tab{text-align:left;position:relative;display:flex;align-items:center;gap:16px;border:1px solid var(--border);border-radius:8px;background:#0d1521;padding:15px 20px;transition:.2s;color:var(--muted)}.season-tab:hover{border-color:#887152}.season-tab.active{background:linear-gradient(110deg,#29231d,#191c23);border-color:#8e744d;color:var(--accent)}.season-symbol{font-size:27px;font-weight:400;width:35px;text-align:center}.season-title{font-size:17px;font-weight:500;color:#d7deea}.season-tab.active .season-title{color:var(--accent)}.season-title small{font-size:11px;font-weight:400;color:#8e9aad;margin-left:10px}.season-subtitle{font-size:10px;letter-spacing:.4px;display:block;margin-top:5px}.active-indicator{position:absolute;right:15px;top:15px;width:5px;height:5px;background:var(--accent);border-radius:50%;display:none}.active .active-indicator{display:block}.observatory{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:20px}.globe-panel{min-height:452px;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:radial-gradient(ellipse at 50% 50%,#122032,#080f1b 68%)}#globe{position:absolute;inset:0}#globe canvas{display:block;cursor:grab;width:100%;height:100%;touch-action:none}#globe canvas:active{cursor:grabbing}.scene-top{position:absolute;left:22px;right:18px;top:16px;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none;font-size:9px;letter-spacing:1.8px;color:#a8b3c5}.scene-top .status-dot{margin-right:7px}.scene-top small{font-size:10px;letter-spacing:0;color:#65758c;margin-left:9px}.scene-actions{display:flex;gap:5px;pointer-events:auto}.scene-actions button{width:30px;height:30px;font-size:20px;background:#121c2b;border:1px solid #2b3749;border-radius:5px;color:#a7b4c7}.scene-actions button:hover{color:var(--accent);border-color:var(--accent)}.sun-caption{position:absolute;top:110px;left:28px;color:#dac093;font-size:11px;pointer-events:none}.sun-caption span{font-size:24px;display:block;margin-bottom:5px}.sun-caption small{display:block;font-size:9px;color:#758094;margin-top:4px}.globe-note{position:absolute;bottom:18px;left:22px;color:#7e8ca3;font-size:10px;display:flex;align-items:center;gap:9px}.tiny-cross{font-size:17px;color:#8091a9}.note-divider{margin:0 7px;color:#465873}.legend{position:absolute;bottom:21px;right:20px;display:flex;gap:14px;font-size:9px;color:#9ba8bb}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:5px;height:5px;border-radius:50%}.legend-day{background:#edc581}.legend-night{background:#5d718d}.legend .legend-line{width:10px;height:1px;background:#edc581;border-radius:0}.coordinates{position:absolute;top:62px;right:21px;font-size:12px;color:#aab8ca;text-align:right;pointer-events:none}.coordinates span{display:block;margin-top:4px;font-size:9px;color:#62738c}#loading{position:absolute;top:50%;width:100%;text-align:center;color:var(--accent)}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.city-label{position:absolute;color:#f4d597;font-size:10px;padding:4px 6px;border:1px solid #a28b5a80;background:#14202ddd;border-radius:3px;white-space:nowrap;transform:translate(10px,-50%)}.city-label.selected{font-size:12px;border-color:#dbb46e;color:#ffe0a4}.insights{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:22px}.section-label{font-size:12px;color:#e0e6f0;display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #25303f}.section-label span{font-size:7px;letter-spacing:1.5px;color:#6e7f96}.city-heading{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.city-heading label{font-size:10px;color:#8897ac}select{color:#e2e8ef;background:#141f2e;border:1px solid #324053;border-radius:5px;padding:6px 11px;cursor:pointer}.city-heading select{font-size:15px;padding:5px 28px 5px 12px}.city-location{font-size:9px;color:#75859e;letter-spacing:1px;margin-top:7px}.city-state{display:flex;align-items:center;gap:10px;margin:21px 0 20px}.city-state>span:first-child{font-size:25px;color:var(--accent)}.city-state strong{font-size:15px;font-weight:500}.city-state small{font-size:9px;color:#8090a6;display:block;margin-top:4px}.phase-tag{font-size:8px;color:#bba77d;background:#bda16913;border:1px solid #66583855;border-radius:3px;padding:5px 6px;margin-left:auto}.sun-events{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 0 21px;border-bottom:1px solid #25303f}.sun-events button{padding:0;text-align:left;display:flex;gap:9px;align-items:center;color:#8998ad;background:none;border:0;font-size:10px}.sun-events button:hover strong{color:var(--accent)}.event-icon{font-size:22px;color:var(--accent);background:#c0a4760e;border:1px solid #79634255;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.sunset-icon{color:#acadc0;background:#9696b009;border-color:#65738655}.sun-events strong{display:block;font-size:24px;font-weight:500;color:#e7edf5;letter-spacing:1px;margin-top:4px}.duration-label{display:flex;justify-content:space-between;font-size:10px;color:#8c9bb1;margin:18px 0 11px}.duration-label strong{color:#d6c194;font-size:11px;font-weight:400}.duration-track{height:5px;background:#1d2a3c;border-radius:3px;overflow:hidden}.duration-track div{height:100%;background:linear-gradient(90deg,#92733e,#edc684);border-radius:3px}.duration-axis{display:flex;justify-content:space-between;font-size:8px;color:#63728b;margin-top:7px}.season-insight{margin-top:20px;padding-top:17px;border-top:1px solid #25303f}.season-insight>div:first-child{display:flex;align-items:center;gap:10px}.season-insight>div>span{color:#d3bd91;font-size:12px}.season-insight small{font-size:7px;letter-spacing:1.5px;color:#64758e}.season-insight p{font-size:10px;line-height:1.9;color:#8796ac;margin:10px 0 14px}.subsolar{display:flex;justify-content:space-between;align-items:center}.subsolar span{font-size:9px!important;color:#7a8ba2!important}.subsolar strong{font-size:11px;color:#cbd5e1;font-weight:400}.timeline-panel{margin-top:20px;border:1px solid var(--border);border-radius:9px;background:var(--panel);padding:20px 24px 16px}.timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.clock-group{display:flex;align-items:center;gap:17px}.clock-label{font-size:11px;color:#8394ac}.clock-group strong{font-size:25px;font-weight:500;letter-spacing:1.5px;font-variant-numeric:tabular-nums}.clock-group>span:last-child{font-size:10px;color:#8394ac;border-left:1px solid #324052;padding-left:17px}.play-controls{display:flex;align-items:center;gap:12px}.play-controls>button:first-child{color:#8394ac;background:none;border:0;font-size:21px}.play-button{background:var(--accent);color:#282016;border:0;border-radius:5px;padding:9px 15px;font-size:11px;min-width:106px;display:flex;gap:9px;align-items:center;justify-content:center}.play-button:hover{background:#f7d79e}.speed-label{color:#75849a;font-size:10px;margin-left:10px}.play-controls select{font-size:10px;padding:7px 10px}.scrubber{position:relative;height:8px;background:#23314a;border-radius:5px;margin:0 1px}.day-band{position:absolute;height:100%;background:linear-gradient(90deg,#695c49,#c2a36f 35%,#c2a36f 65%,#695c49);border-radius:3px}.scrubber input{position:absolute;margin:0;left:-6px;top:-7px;width:calc(100% + 12px);height:22px;appearance:none;background:transparent;cursor:pointer;z-index:4}.scrubber input::-webkit-slider-runnable-track{height:8px;background:transparent}.scrubber input::-webkit-slider-thumb{appearance:none;width:12px;height:20px;background:#edd1a3;border:3px solid #182233;border-radius:4px;margin-top:-6px;box-shadow:0 0 0 1px #debd82}.event-mark{position:absolute;top:-6px;height:20px;width:1px;background:#d2af70}.event-mark span{position:absolute;top:22px;transform:translateX(-50%);color:#b29c75;font-size:8px;white-space:nowrap}.time-axis{display:flex;justify-content:space-between;margin-top:27px;font-size:9px;color:#73849e;font-variant-numeric:tabular-nums}.comparison{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:27px 0}.comparison h2{font-size:17px;font-weight:400;margin:9px 0 0}.comparison .eyebrow{font-size:8px;letter-spacing:1.7px}#comparison-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;flex:1;max-width:670px}.compare-item{border:0;background:none;padding:0;text-align:left;color:#8795aa}.compare-heading{display:flex;justify-content:space-between;font-size:10px;margin-bottom:9px;gap:8px}.compare-heading strong{font-size:10px;font-weight:400;color:#bec7d6}.compare-track{height:3px;background:#1d2a3c}.compare-track div{height:100%;background:#6f7c90}.compare-item.active{color:var(--accent)}.compare-item.active .compare-track div{background:var(--accent)}.compare-item:hover .compare-heading strong{color:var(--accent)}footer{border-top:1px solid var(--border);padding:22px 0 25px;display:flex;justify-content:space-between;color:#8490a4;font-size:12px;align-items:center}footer small{font-size:9px;margin-left:17px;color:#596b83}.footer-right{font-size:8px;letter-spacing:2px;color:#566880}dialog{background:#111b2a;color:#c0cbdb;border:1px solid #40506a;border-radius:12px;max-width:640px;width:90%;padding:36px;box-shadow:0 24px 120px #0008}dialog::backdrop{background:#020712bd;backdrop-filter:blur(6px)}dialog h2{font-size:23px;color:var(--accent);font-weight:500}dialog h3{font-size:14px;margin-top:25px;color:#e2e9f4}dialog p{font-size:12px;line-height:1.9;color:#98a7bd}dialog a{color:var(--accent);text-decoration:underline}.dialog-close{position:absolute;top:10px;right:15px;background:none;border:0;color:#a5b3c6;font-size:26px}.globe-panel:fullscreen{height:100vh;width:100vw;background:#080e18}.globe-panel:fullscreen .legend{font-size:13px}.globe-panel:fullscreen .city-label{font-size:14px}@media(min-width:1500px){.globe-panel{min-height:480px}.intro{padding-top:39px}}@media(max-width:1050px){.shell{padding:0 3%}.observatory{grid-template-columns:minmax(0,1fr) 285px;gap:12px}.insights{padding:18px}.season-tab{padding:14px 12px;gap:8px}.season-title small{font-size:9px;margin-left:6px}.season-subtitle{font-size:9px}.globe-note{bottom:41px}.clock-group{gap:9px}.clock-group>span:last-child{padding-left:9px}.timeline-panel{padding:18px}.comparison{gap:20px}#comparison-bars{gap:15px}.legend{right:15px;bottom:18px}}@media(max-width:760px){.topbar{height:65px}.brand{font-size:17px}.brand small{font-size:9px}.toplinks>span{display:none}.toplinks .text-button{margin:0}.intro{padding:27px 0 23px}h1{font-size:27px}.intro p{font-size:10px;max-width:255px;line-height:1.7}.eyebrow{font-size:8px;letter-spacing:1.6px}.year-label{font-size:8px}.year-label strong{font-size:22px}.seasons{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.season-tab{padding:12px 14px;gap:10px}.season-symbol{font-size:23px}.season-title{font-size:16px}.observatory{grid-template-columns:1fr}.globe-panel{min-height:420px}.insights{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:20px}.section-label{grid-column:1/-1}.city-heading,.city-location,.city-state{grid-column:1}.city-state{margin:12px 0 15px;flex-wrap:wrap}.phase-tag{display:none}.sun-events{grid-column:2;grid-row:2/5;align-self:center;padding:0;border:0}.sun-events strong{font-size:21px}.event-icon{display:none}.duration-label{grid-column:1/-1;margin-top:5px}.duration-track,.duration-axis{grid-column:1/-1}.season-insight{grid-column:1/-1;margin-top:15px}.season-insight p{font-size:11px}.timeline-panel{margin-top:12px}.timeline-head{display:block}.clock-group{justify-content:space-between}.clock-group strong{font-size:25px}.play-controls{justify-content:flex-end;margin-top:16px}.speed-label{margin-left:auto}.time-axis span:nth-child(even){display:none}.comparison{display:block;padding:25px 0}.comparison h2{font-size:16px}#comparison-bars{margin-top:23px;gap:13px}.compare-heading{display:block}.compare-heading strong{display:block;margin-top:6px}footer small,.footer-right{display:none}footer .text-button{font-size:10px}.sun-caption{left:19px;top:85px}.scene-top small{display:none}.coordinates{top:59px}.globe-note{bottom:20px;left:18px}.legend{bottom:44px;font-size:8px;gap:10px}dialog{padding:28px}}