.earth-environment-panel{position:fixed;z-index:18;right:32px;top:126px;bottom:126px;width:340px;max-height:710px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(112,177,216,.35);border-radius:22px;background:linear-gradient(140deg,rgba(8,22,46,.96),rgba(5,13,31,.96));box-shadow:inset 0 1px 0 rgba(190,225,250,.08),0 22px 70px rgba(0,3,15,.35);backdrop-filter:blur(24px);color:#dce9fa;pointer-events:auto}
.earth-environment-panel[hidden]{display:none!important}.earth-environment-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 21px 14px;flex:none}.earth-environment-kicker{display:block;margin-bottom:7px;color:#81b9d2;font-size:8px;letter-spacing:2.5px}.earth-environment-header h2{font-size:21px;font-weight:500;letter-spacing:2px;margin:0}.earth-environment-close{display:grid;place-items:center;flex:none;width:34px;height:34px;line-height:1;border:1px solid rgba(142,193,222,.2);border-radius:50%;background:rgba(112,176,210,.05);color:#bad7ec;font-size:23px}.earth-environment-close:hover{background:rgba(112,176,210,.15)}
.earth-environment-body{padding:0 21px 20px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#345371 transparent;min-height:0}.earth-environment-intro{font-size:11px;line-height:1.8;color:#9db2cc;margin:0 0 14px}.earth-season-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:4px;border:1px solid rgba(134,183,216,.14);border-radius:12px;background:rgba(0,0,0,.1)}.earth-season-tabs button{min-width:0;min-height:56px;padding:8px 2px;border:1px solid transparent;border-radius:8px;background:transparent;color:#91a8c1}.earth-season-tabs strong{display:block;font-size:12px;font-weight:500}.earth-season-tabs small{display:block;margin-top:6px;font-size:8px;color:#7894b2}.earth-season-tabs button[aria-selected="true"]{background:rgba(99,188,228,.14);border-color:rgba(119,204,243,.27);color:#a9e8ff}.earth-season-tabs button[aria-selected="true"] small{color:#a0c8e1}.earth-season-hemispheres{display:flex;justify-content:space-between;gap:8px;margin-top:16px;font-size:10px;color:#bed3ec}.earth-season-hemispheres span:first-child::before,.earth-season-hemispheres span:last-child::before{content:"";display:inline-block;width:5px;height:5px;margin:0 6px 1px 0;border-radius:50%;background:#91daf5}.earth-season-hemispheres span:last-child::before{background:#b7abe6}.earth-season-description{font-size:10px;line-height:1.85;color:#9aafc9;margin:9px 0 18px;min-height:37px}
.earth-time-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:15px 0 12px}.earth-time-heading label{color:#9fc1dc;font-size:11px}.earth-time-heading output{font-size:24px;font-weight:450;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#e6f4ff}.earth-time-range{--day-progress:0%;display:block;box-sizing:border-box;width:100%;height:18px;accent-color:#a5dff9;cursor:pointer;background:transparent}.earth-time-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#81c7e7 var(--day-progress),#223d59 var(--day-progress))}.earth-time-range::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-6px;width:16px;height:16px;border-radius:50%;background:#bcecff;border:2px solid #4f7a9c;box-shadow:0 0 12px rgba(131,214,249,.3)}.earth-time-range{-webkit-appearance:none;appearance:none}.earth-time-ticks{display:flex;justify-content:space-between;font-size:8px;font-variant-numeric:tabular-nums;color:#6885a2;margin:3px 0 9px}.earth-time-help{font-size:9px;line-height:1.85;color:#7895b2;margin:0 0 17px}
.earth-environment-stat{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-top:1px solid rgba(112,161,201,.18);font-size:10px;color:#91acc7}.earth-environment-stat strong{font-size:13px;color:#f2d19e;font-weight:500}.earth-daylength{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0 15px}.earth-daylength>div+div{padding-left:15px;border-left:1px solid rgba(112,161,201,.18)}.earth-daylength span{display:block;font-size:9px;color:#91acc7}.earth-daylength strong{display:block;margin-top:8px;font-size:18px;font-weight:450;color:#dfedfa;font-variant-numeric:tabular-nums}.earth-guides-toggle{display:flex;align-items:center;gap:8px;min-height:40px;padding-top:9px;border-top:1px solid rgba(112,161,201,.18);font-size:10px;color:#b5cbe2;cursor:pointer}.earth-guides-toggle input{width:15px;height:15px;accent-color:#88cbe9}.earth-environment-legend{display:flex;flex-wrap:wrap;gap:13px;margin:8px 0 12px;font-size:8px;color:#7e9bb7}.earth-environment-legend span::before{content:"";display:inline-block;width:12px;height:1px;margin:0 6px 3px 0;background:#95dcf7}.earth-environment-legend .earth-sun-key::before{background:#ffd69b}.earth-environment-note{border-top:1px solid rgba(112,161,201,.18);padding-top:13px;color:#8fa9c4;font-size:9px;line-height:1.85}.earth-environment-note summary{cursor:pointer;color:#a7c6e3;font-size:10px}.earth-environment-note p{margin:10px 0}.earth-environment-source{color:#91c6df}.earth-environment-panel :focus-visible{outline:2px solid #9edfff;outline-offset:3px}
.earth-environment-body{overflow-x:hidden;overflow-y:auto}.earth-environment-body :focus-visible{outline-offset:-2px}.earth-time-range{margin-inline:0}.earth-season-tabs button[aria-selected="true"]{box-shadow:inset 0 -2px 0 #8fd8f5}.earth-season-tabs button[aria-selected="false"]{box-shadow:none}
.earth-environment-body [hidden]{display:none!important}.earth-season-place{padding:14px 12px 10px;margin:0 0 15px;border:1px solid rgba(126,194,229,.22);border-radius:13px;background:rgba(77,139,185,.055)}.earth-season-place-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.earth-season-place-heading>div{min-width:0}.earth-season-place-heading span{display:block;color:#7fa9c8;font-size:9px}.earth-season-place-heading h3{margin:5px 0;color:#e6f3ff;font-size:16px;font-weight:500;overflow-wrap:anywhere}.earth-season-place-heading small{display:block;font-size:9px;line-height:1.6;color:#84a3bf;font-variant-numeric:tabular-nums}.earth-place-refocus{flex:none;min-height:34px;padding:6px 9px;border:1px solid rgba(117,205,240,.29);border-radius:8px;background:rgba(96,178,211,.1);color:#a9e4f7;font-size:10px}.earth-place-refocus:hover{background:rgba(96,178,211,.2)}.earth-place-solar-clock{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px}.earth-place-solar-clock>span:first-child{font-size:9px;color:#91b1ca}.earth-place-solar-clock strong{display:block;margin-top:5px;font-size:26px;font-weight:450;color:#e4f6ff;font-variant-numeric:tabular-nums;letter-spacing:1px}.earth-place-daystate{border:1px solid rgba(147,174,211,.3);padding:6px 9px;border-radius:20px;font-size:10px;color:#b3c6e5;background:rgba(124,147,198,.08)}.earth-place-daystate[data-state="day"]{color:#f3d6a3;border-color:rgba(230,191,113,.3);background:rgba(220,180,97,.06)}.earth-place-daystate[data-state="terminator"]{color:#b5e7f2;border-color:rgba(136,211,227,.35)}.earth-place-day-stats{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;padding:12px 0;border-top:1px solid rgba(117,164,202,.15)}.earth-place-day-stats span{display:block;font-size:9px;color:#89a7c1;line-height:1.6}.earth-place-day-stats strong{display:block;font-size:13px;color:#dbeafa;font-weight:500;margin-top:5px;line-height:1.5;font-variant-numeric:tabular-nums}.earth-place-time-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 10px}.earth-place-time-jumps button{min-height:34px;padding:5px 2px;border:1px solid rgba(124,181,217,.2);border-radius:7px;color:#a8c7df;background:rgba(92,144,182,.07);font-size:9px}.earth-place-time-jumps button:hover:not(:disabled){background:rgba(92,144,182,.18);color:#d0edfa}.earth-place-time-jumps button:disabled{opacity:.4;cursor:not-allowed}.earth-place-season-comparison{border-top:1px solid rgba(117,164,202,.15);padding-top:11px}.earth-place-season-comparison summary{color:#9bbbd3;cursor:pointer;font-size:10px}.earth-place-season-comparison>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.earth-place-season-comparison>div>div{padding:8px;border:1px solid transparent;border-radius:7px;background:rgba(10,25,49,.4)}.earth-place-season-comparison .is-current{border-color:rgba(125,197,227,.24)}.earth-place-season-comparison span{display:block;font-size:9px;color:#89a7c1}.earth-place-season-comparison strong{display:block;margin-top:5px;color:#c4dcec;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.earth-place-solar-note,.earth-season-place-empty{font-size:9px;line-height:1.8;color:#819eb8}.earth-place-solar-note{margin:11px 0 0}.earth-season-place-empty{margin:0 0 15px;padding:11px 12px;border:1px dashed rgba(128,183,216,.22);border-radius:10px}
@media(min-width:761px){.earth-environment-intro{font-size:12px}.earth-season-description{font-size:12px;line-height:1.8}.earth-time-help{font-size:11px;color:#8faac5}.earth-environment-note{font-size:10px}.earth-environment-note summary{font-size:11px}.earth-season-tabs small{font-size:9px}.earth-environment-legend{font-size:9px}}
body.ui-hidden .earth-environment-panel,body.clean-view .earth-environment-panel{visibility:hidden;pointer-events:none}
@media(max-width:1100px) and (min-width:761px){.earth-environment-panel{right:22px;width:310px;top:124px;bottom:110px}.earth-environment-header{padding-inline:18px}.earth-environment-body{padding-inline:18px}}
@media(max-width:760px){.earth-environment-panel{top:auto;bottom:82px;left:12px;right:12px;width:auto;max-height:44dvh;border-radius:17px}.earth-environment-header{padding:12px 15px 9px}.earth-environment-header h2{font-size:17px;letter-spacing:1px}.earth-environment-kicker{font-size:6px;margin-bottom:4px;letter-spacing:2px}.earth-environment-close{width:30px;height:30px;font-size:21px}.earth-environment-body{padding:0 15px 15px}.earth-environment-intro{font-size:10px;margin-bottom:9px}.earth-season-tabs button{min-height:47px;padding:6px 2px}.earth-season-tabs strong{font-size:11px}.earth-season-tabs small{margin-top:4px}.earth-season-hemispheres{margin-top:11px}.earth-season-description{font-size:9px;margin-bottom:9px;min-height:0}.earth-time-heading{margin:10px 0 7px}.earth-time-heading output{font-size:21px}.earth-time-help{margin-bottom:10px}.earth-environment-stat{padding:10px 0}.earth-daylength{padding:8px 0 12px}.earth-daylength strong{font-size:17px}.earth-guides-toggle{min-height:38px}.earth-environment-note{padding-top:10px}}
@media(max-height:500px) and (orientation:landscape){.earth-environment-panel{top:69px;bottom:64px;left:auto;right:14px;width:300px;max-height:none}.earth-environment-header{padding:10px 14px 8px}.earth-environment-kicker{display:none}.earth-environment-header h2{font-size:16px}.earth-environment-body{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.earth-environment-panel *{scroll-behavior:auto!important;transition:none!important}}
.earth-season-navigation{display:inline-flex;align-items:center;min-height:30px;margin-top:7px;padding:4px 0;border:0;background:transparent;color:#a1d6eb;font-size:10px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(161,214,235,.35)}.earth-season-navigation:hover{color:#d2f0ff;text-decoration-color:currentColor}.earth-season-place-empty p{margin:0}.earth-season-place-empty .earth-season-navigation{margin-top:5px}
@media(min-width:761px){.earth-place-solar-note,.earth-season-place-empty{font-size:10px}.earth-place-time-jumps button{font-size:10px}}
@media(max-width:760px){.earth-season-place{padding:11px 10px 9px;margin-bottom:12px}.earth-season-place-heading h3{font-size:15px}.earth-place-solar-clock{margin:12px 0 8px}.earth-place-solar-clock strong{font-size:23px}.earth-place-day-stats{padding:9px 0}.earth-place-time-jumps button,.earth-place-refocus{min-height:38px}}
@media(max-width:760px){.earth-season-navigation{min-height:36px;margin-top:4px}}