.solar-explorer{--solar-line:#435b7b66;position:relative;min-width:0;width:100%;margin:0;color:#edf4ff}
.solar-explorer .solar-stage{height:470px;min-height:0;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--solar-line);border-radius:24px;background:radial-gradient(ellipse at 46% 52%,#162136,#060c18 72%);touch-action:pan-y;cursor:grab;box-shadow:0 30px 100px #0004}
.solar-stage:active{cursor:grabbing}.solar-stage canvas,.solar-stage .model-fallback{width:100%;height:100%;position:absolute;inset:0;display:block}.solar-stage canvas{z-index:1;opacity:0}.solar-stage .model-fallback{object-fit:cover;opacity:1}.solar-explorer.is-ready canvas{opacity:1}.solar-explorer.is-ready .model-fallback{opacity:0}
.solar-heading{position:absolute;z-index:3;top:1.4rem;right:1.5rem;left:1.5rem;pointer-events:none}.solar-signature{font-size:.65rem;letter-spacing:.15em;color:#b8a17a;display:block;margin-bottom:.65rem;text-align:left}.solar-heading h2{font-size:1.4rem;font-weight:500;line-height:1.75;letter-spacing:-.02em}.solar-heading p{font-size:.69rem;color:#b0bfd4;line-height:1.8;margin-top:.45rem}.solar-stage.is-focused .solar-heading h2,.solar-stage.is-focused .solar-heading p{visibility:hidden}
.solar-tools{position:absolute;z-index:5;left:.8rem;top:48%;display:flex;flex-direction:column;gap:.45rem;transform:translateY(-50%)}.solar-tools button,.solar-fullscreen{display:grid;place-items:center;width:44px;height:44px;border:1px solid #617b9c66;border-radius:50%;color:#d8e7fb;background:#0d1728d9;backdrop-filter:blur(10px);font:400 1.3rem/1 sans-serif}.solar-tools svg,.solar-fullscreen svg{width:17px;height:17px}.solar-fullscreen{position:absolute;z-index:5;bottom:1rem;left:.8rem}.solar-fullscreen[aria-pressed=true] svg{display:none}.solar-fullscreen[aria-pressed=true]:after{content:'×';font:400 1.7rem/1 sans-serif}
.solar-info{position:absolute;z-index:3;bottom:1.5rem;right:1.5rem;left:4.5rem;pointer-events:none;text-shadow:0 2px 8px #000;max-width:34ch}.solar-info-kicker{display:block;color:#e1c18a;font-size:.7rem;line-height:1.9;margin-bottom:.15rem}.solar-info strong{font-size:1.08rem;font-weight:500;line-height:1.8}.solar-info p{font-size:.72rem;color:#bccce0;line-height:1.9;margin-top:.35rem}.solar-coordinate{position:absolute;z-index:3;left:4.8rem;bottom:1.25rem;font-size:.56rem;letter-spacing:.13em;color:#7087a4;pointer-events:none;display:none}
.solar-console{position:relative;margin-top:.8rem;background:#0e192bd9;border:1px solid #3b526e66;border-radius:18px;padding:.6rem}.solar-planets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}.solar-planets button{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.4rem .2rem;font-size:.73rem;line-height:1.5;color:#a8bdd7;border:1px solid transparent;border-radius:10px;background:transparent;transition:background 180ms ease,color 180ms ease,border-color 180ms ease}.solar-planets [aria-pressed=true]{background:#23354f;border-color:#6485ac99;color:white}.planet-dot{display:block;flex-shrink:0;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d8c6b6,#766657 65%,#262728);box-shadow:2px 3px 7px #0008}.dot-venus{background:radial-gradient(circle at 30% 25%,#f5d89f,#a87641 70%,#3a2920)}.dot-earth{background:radial-gradient(circle at 30% 25%,#93d8e8,#3d92c5 35%,#316d61 55%,#142a48 80%)}.dot-mars{background:radial-gradient(circle at 30% 25%,#ecb48c,#b14f2d 65%,#3d2222)}.dot-jupiter{background:repeating-linear-gradient(15deg,#ad8066 0 3px,#dcc6ac 4px 6px)}.dot-saturn{background:#cdb58b;position:relative}.dot-saturn:after{content:'';position:absolute;width:23px;height:7px;border:2px solid #bcad91;border-radius:50%;top:3px;left:-5px;transform:rotate(-25deg)}.dot-uranus{background:radial-gradient(circle at 30% 25%,#c9f0ef,#6aa9b9 70%,#285266)}.dot-neptune{background:radial-gradient(circle at 30% 25%,#7eacff,#3d5cba 65%,#1b2458)}
.solar-controlbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.2rem .5rem;border-top:1px solid #33496380;margin-top:.4rem;padding:.35rem .15rem 0}.solar-view-controls{display:flex;gap:.2rem}.solar-view-controls button{background:none;border:0;color:#a6bbd7;font-size:.64rem;min-height:44px;padding:.4rem .45rem;border-radius:7px}.solar-view-controls [aria-pressed=true]{color:#f0d29f;background:#29344777}.solar-speed{display:flex;align-items:center;gap:.35rem;color:#91a6c2;font-size:.6rem}.solar-speed select{font:inherit;font-size:.75rem;min-height:44px;min-width:50px;color:#dbe8fa;border:0;background:#15233a;border-radius:7px;padding:0 .4rem;direction:ltr}.solar-explorer .motion-toggle{display:flex;align-items:center;gap:.4rem;background:none;border:0;color:#d2dfef;min-height:44px;font-size:.64rem;padding:.3rem .45rem}.solar-explorer .motion-toggle svg{width:14px;height:14px}
.solar-explorer figcaption{display:flex;flex-direction:column;gap:.3rem;margin:1rem .2rem 0;padding:0;font-size:.63rem;color:#a5b7cf;line-height:1.9}.solar-scale{font-size:.61rem;color:#899fb9;line-height:1.9}.solar-credits{font-size:.62rem;color:#9ab0cc;margin:.2rem .2rem 0;max-width:70ch}.solar-credits summary{cursor:pointer;min-height:32px;width:fit-content;display:list-item}.solar-credits p{padding:.4rem 0;line-height:1.9}.solar-credits a{text-decoration:underline;text-underline-offset:3px;color:#cbdcf5}
.solar-label{position:absolute;left:0;top:0;z-index:2;color:#c6d5e9;font-size:.62rem;pointer-events:none;white-space:nowrap;will-change:transform;text-shadow:0 1px 6px #000,0 1px 10px #000}.solar-label:before{content:'';display:inline-block;width:3px;height:3px;background:#9bb8d8;border-radius:50%;margin-left:4px;vertical-align:middle}.solar-stage.is-focused .solar-label{opacity:0}.solar-explorer.is-fallback .solar-console,.solar-explorer.is-fallback .solar-tools,.solar-explorer.is-fallback .solar-fullscreen,.solar-explorer.is-fallback .solar-info,.solar-explorer.is-fallback .solar-heading p{display:none}.solar-explorer.is-expanded{position:fixed;inset:0;z-index:1000;margin:0;padding:.75rem 1rem;width:100%;height:100dvh;overflow:auto;background:#060b14;display:flex;flex-direction:column;gap:.5rem}.solar-explorer.is-expanded .solar-stage{height:auto;min-height:230px;flex:1;border-radius:18px}.solar-explorer.is-expanded .solar-console{margin:0;flex-shrink:0}.solar-explorer.is-expanded figcaption{margin:0;flex-shrink:0}.solar-explorer.is-expanded figcaption .model-caption,.solar-explorer.is-expanded .solar-credits{display:none}body.solar-expanded{overflow:hidden}
@media(min-width:600px){.solar-explorer .solar-stage{height:600px}.solar-heading{right:2rem;left:2rem;top:1.7rem}.solar-heading h2{font-size:1.8rem}.solar-heading p{font-size:.75rem}.solar-planets{grid-template-columns:repeat(8,minmax(0,1fr))}.solar-planets button{flex-direction:column;gap:.65rem;font-size:.68rem;padding:.7rem .15rem}.solar-console{padding:.65rem 1rem}.solar-explorer figcaption{flex-direction:row;align-items:baseline;justify-content:space-between;gap:1.2rem}.solar-coordinate{display:block}.solar-explorer.is-expanded{padding:1.25rem 2rem}.solar-explorer.is-expanded .solar-stage{height:auto}.solar-explorer.is-expanded .solar-console{width:100%;max-width:1100px;margin-inline:auto}.solar-explorer.is-expanded figcaption{justify-content:center}}
@media(min-width:1024px){.solar-home .hero{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:3rem;min-height:0;padding-block:3rem 1.5rem}.solar-home .hero .solar-explorer{margin:0}.solar-home .hero-copy{align-self:center;padding-bottom:4rem}.solar-home .hero-copy h1{font-size:clamp(3rem,4.8vw,4.8rem);line-height:1.6;letter-spacing:-.035em}.solar-home .hero-lead{font-size:1.03rem;max-width:32ch;line-height:2.2}.solar-home .hero .solar-stage{height:590px;min-height:0}.solar-home .hero-actions{gap:1rem 1.5rem}.solar-home .stage-bottom{margin-top:1.5rem}.solar-info{right:2rem;bottom:1.8rem;max-width:40ch}.solar-info strong{font-size:1.2rem}.solar-heading h2{font-size:2rem}.solar-controlbar{padding-top:.35rem}.solar-view-controls button,.solar-explorer .motion-toggle{font-size:.68rem}}
@media(max-width:599px){.solar-home .hero{gap:1.25rem;padding-top:1.7rem}.solar-home .hero-copy h1{font-size:clamp(2rem,9vw,2.8rem);line-height:1.6}.solar-home .hero-lead{font-size:.9rem;margin-top:1rem}.solar-home .hero-actions{margin-top:1.3rem}.solar-home .hero-copy{padding:0}.solar-info{bottom:1.3rem}.solar-controlbar .solar-speed{margin-inline-start:auto}.solar-controlbar{justify-content:start}.solar-controlbar .motion-toggle{margin-inline-start:auto}}
@media(hover:hover) and (pointer:fine){.solar-tools button:hover,.solar-fullscreen:hover{background:#253b58;border-color:#b4c4da}.solar-planets button:hover{color:#fff;background:#263a5366}.solar-view-controls button:hover,.solar-explorer .motion-toggle:hover{color:#f3d59e}}
@media(prefers-reduced-motion:reduce){.solar-planets button{transition:none}}

@media(min-width:600px){.solar-heading h2{font-size:1.5rem}.solar-heading h2 br{display:none}.solar-heading p{font-size:.7rem}.solar-signature{margin-bottom:.5rem}}

.solar-explorer.is-fallback .model-fallback{object-fit:contain}