.observatory{--line:#344464;--muted:#bfccdd;color:#eaf1fb;font-family:var(--font-space-grotesk), system-ui, sans-serif;background:radial-gradient(at 75% 0,#202548 0%,#0000 28rem),#080e1c;padding:clamp(1rem,4vw,4rem) 0 5rem}.sky-shell{width:min(1120px,100% - 2rem);margin:auto}.observatory *{box-sizing:border-box}.observatory :is(section,article,.sky-hero){min-width:0}.observatory section,.sky-hero{border:1px solid var(--line);background:#111b2c;border-radius:22px;margin:1rem 0;padding:clamp(1rem,3vw,2.3rem)}.observatory .sky-hero{isolation:isolate;background:radial-gradient(at 95% 130%,#677997 0%,#394969 20%,#212641 42%,#0000 64%),#101829;padding-block:clamp(2rem,8vw,6rem);position:relative;overflow:hidden}.sky-hero:after{content:"";z-index:-1;aspect-ratio:1;border:1px solid #8da1bd77;border-radius:50%;width:75%;position:absolute;bottom:-95%;right:-13%;box-shadow:0 0 0 22px #889bc411,0 0 0 75px #889bc412}.observatory h1{letter-spacing:-.045em;max-width:18ch;margin:1.25rem 0;font-size:clamp(2.25rem,6vw,5rem);line-height:1.05}.observatory h2{letter-spacing:-.035em;margin:.5rem 0;font-size:clamp(1.4rem,3.5vw,2.35rem)}.observatory h3{font-size:1.2rem;font-weight:650}.observatory small{color:#add9e2;letter-spacing:.055em}.observatory p,.observatory li{color:var(--muted);overflow-wrap:anywhere;margin:.65rem 0;line-height:1.6}.observatory a{color:#a4e6f4;text-underline-offset:.2em;text-decoration:underline}.sky-hero a{padding:.65rem .3rem;display:inline-block}.observatory label{color:#e1ebf6;margin:.5rem 0;font-size:.94rem;display:block}.observatory input:not([type=checkbox]),.observatory select{color:#edf5ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1527;border:1px solid #61718b;border-radius:8px;min-width:0;max-width:100%;min-height:44px;margin:.3rem 0;padding:.45rem .65rem;display:block}.observatory input[type=range]{accent-color:#a7dce5;width:100%}.observatory button,.observatory summary{cursor:pointer;border-radius:9px;min-height:44px;padding:.6rem .8rem}.observatory button{color:#e3edf8;text-align:left;background:#202e46;border:1px solid #455774;max-width:100%;margin:.2rem .35rem .2rem 0}.observatory button[aria-pressed=true]{background:#284858;border-color:#a3e0ee}.observatory :focus-visible{outline-offset:2px;outline:3px solid #ffdc99}.observatory details{border-bottom:1px solid var(--line)}.observatory details>p{padding-inline:.75rem}.sky-grid,.sky-planets,.sky-controls{gap:.9rem;display:grid}.sky-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sky-grid>section{margin:0}.sky-planets{grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));margin:1rem 0}.sky-controls{flex-wrap:wrap;display:flex}.sky-planets article{border:1px solid var(--line);background:linear-gradient(135deg,#1c2a40,#111b2d);border-radius:14px;padding:1rem}.sky-globe{background:radial-gradient(at 26% 33%, transparent 15%, #050911cc 90%), var(--surface,#b5a495);border-radius:50%;width:42px;height:42px;margin:.5rem 0 1rem;display:block}.Venus{--surface:#dfc89d}.Mars{--surface:#cf775b}.Jupiter,.Saturn{--surface:repeating-linear-gradient(8deg, #d0b390 0 5px, #a88675 6px 9px)}.Uranus{--surface:#99d6d9}.Neptune{--surface:#547cd1}.sky-compass{width:100%;max-width:400px;margin:auto}.sky-strip{background:#0a1020;border:1px solid #485979;border-radius:4px;height:16px;margin:.45rem 0 1rem;position:relative;overflow:hidden}.sky-strip i{position:absolute;top:0;bottom:0}.observatory ul{padding-left:1rem}.observatory nav{margin-bottom:1rem}@media (max-width:720px){.sky-grid{grid-template-columns:1fr}.observatory .sky-hero{padding-block:2rem}.sky-shell{width:calc(100% - 1.25rem)}}@media (prefers-reduced-motion:no-preference){.observatory button{transition:background-color .15s}.observatory button:hover{background:#2f415d}}