/* © 2026 HowItWorks3D. All rights reserved.
   Unauthorized copying, reproduction, modification, extraction,
   redistribution, resale, or commercial use prohibited without
   prior written permission. */
.solar-workspace{display:grid;grid-template-columns:218px minmax(0,1fr) 264px;gap:16px;align-items:stretch}.solar-explorer{display:flex;flex-direction:column;overflow:hidden}.solar-list{padding:3px 8px;flex:1}.solar-world{width:100%;min-height:55px;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid transparent;border-radius:6px;padding:8px 12px}.solar-world:hover{background:#ffffff06}.solar-world.active{background:#6aa8ff12;border-color:#6aa8ff35}.solar-world>span:nth-child(2){flex:1}.solar-world strong{display:block;font-size:12px;font-weight:550}.solar-world small{display:block;color:#7e8c9c;font-size:10px;margin-top:4px}.solar-world svg{color:#606e7b}.solar-dot{width:26px;height:26px;flex-shrink:0;border-radius:50%;display:inline-block}.solar-list-note{padding:20px 17px;color:#8092a9;letter-spacing:1px;font-size:8px;line-height:1.8;border-top:1px solid var(--border)}.solar-list-note span{letter-spacing:0;color:#626e7c;font-size:9px}.solar-empty{padding:20px;color:#98a5b6}.solar-stage{overflow:hidden;display:flex;flex-direction:column;min-width:0;background:#090e16}.solar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #ffffff0b;gap:8px}.solar-toolbar>span{font-size:8px;letter-spacing:1.3px;color:#90a3b8;display:flex;align-items:center;gap:7px}.solar-toolbar i{width:5px;height:5px;background:#8bb9a1;border-radius:50%}.solar-toolbar>div{display:flex;gap:3px}.solar-toolbar button{display:flex;align-items:center;gap:6px;padding:7px;border-radius:4px;color:#7f8fa4;font-size:10px}.solar-toolbar button.active{background:#6aa8ff12;color:#9ac2ff}.solar-toolbar button:hover{background:#ffffff0c}.solar-canvas{position:relative;height:510px;flex:1;min-height:420px;background:radial-gradient(ellipse at 45% 45%,#18223355,transparent 70%);isolation:isolate}.solar-canvas canvas{touch-action:none}.solar-scene-caption{position:absolute;left:22px;top:22px;pointer-events:none}.solar-scene-caption>span{font-size:8px;color:#637a92;letter-spacing:2px}.solar-scene-caption p{font-family:Manrope,sans-serif;color:#aab9ca;font-size:13px;margin:7px 0}.solar-scale-note{position:absolute;bottom:18px;left:20px;color:#8796a9;font-size:9px;z-index:22}.solar-label{font-size:10px;background:#090e18bb;color:#b7c8dc;border:1px solid #34425666;white-space:nowrap;border-radius:4px;padding:4px 7px;min-height:24px}.solar-label.selected{color:#d7e8ff;border-color:#719bcc}.moon-label{font-size:9px;pointer-events:none}.solar-playback{display:flex;align-items:center;gap:19px;padding:13px 17px;border-top:1px solid #ffffff0b;background:#0d1219;z-index:25}.solar-play{display:flex;align-items:center;gap:8px;font-size:11px;min-width:66px;min-height:30px}.solar-play svg{color:#9ec1f0}.solar-playback label{font-size:10px;color:#92a0b2;display:flex;gap:8px;align-items:center}.solar-playback select{background:#1a2330;border:1px solid #334155;border-radius:4px;padding:5px;color:#d0dbea;font-size:11px}.solar-timing{margin-left:auto;color:#6f8096;font-size:9px}.solar-gestures{text-align:center;padding:12px 8px;color:#627187;font-size:9px;border-top:1px solid #ffffff08;background:#0d1219}.solar-info{padding:23px 20px}.solar-kicker{font-size:8px;letter-spacing:1.5px;color:#8399b5}.solar-info h2{font:600 25px/1.5 Manrope,sans-serif;letter-spacing:-.6px;margin:18px 0}.solar-info p{color:#929faf;font-size:12px;line-height:1.85}.solar-info h3{font-size:12px;font-weight:550;margin:25px 0 8px}.solar-info-heading{display:flex;gap:11px;align-items:center}.solar-info-heading .solar-dot{width:22px;height:22px}.solar-info-heading h2{margin:14px 0}.solar-info dl{margin:23px 0;border-top:1px solid #29313b}.solar-info dl div{padding:12px 0;border-bottom:1px solid #252d38}.solar-info dt{color:#697b91;font-size:9px;margin-bottom:5px}.solar-info dd{margin:0;font-size:12px;color:#c5d3e3}.solar-source{font-size:10px;display:inline-flex;gap:5px;align-items:center;color:#8eafd8;margin-top:15px}.solar-overview-numbers{display:flex;gap:45px;padding:24px 0;border-block:1px solid #252d38;margin:26px 0}.solar-overview-numbers strong{display:block;font:400 40px Manrope,sans-serif;color:#c3d7f1}.solar-overview-numbers span{font-size:10px;color:#74879e}.solar-earth-link{background:#6aa8ff15;border:1px solid #6aa8ff30;padding:12px 15px;display:flex;align-items:center;gap:15px;border-radius:5px;margin:24px 0;color:#aacaf3;font-size:11px}.solar-info .solar-mini{font-size:10px;color:#718097;margin-top:25px}.solar-learning{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:38px 0}.solar-learning article{padding:4px 2px}.solar-learning h2{font:600 17px Manrope,sans-serif;margin:12px 0}.solar-learning p{font-size:12px;color:#8290a2;line-height:1.9;max-width:420px}.solar-notes{scroll-margin-top:20px;padding:18px 22px;margin-bottom:10px}.solar-notes summary{cursor:pointer;color:#a3b2c5;font-size:12px;min-height:22px}.solar-notes>div{max-width:1000px;padding:16px 0}.solar-notes p{color:#8290a2;font-size:12px;line-height:1.9}.solar-notes h3{font-size:14px}.solar-notes a{color:#a5c3e9;text-decoration:underline;text-underline-offset:3px}.solar-source-links{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;margin:20px 0}.solar-fallback{padding:60px 25px;color:#aabbd2;line-height:1.8}.solar-map-warning{position:absolute;bottom:45px;left:20px;color:#e0b77c;font-size:10px}.solar-app .search-field{margin:0 12px 12px}.solar-app .search-field input{min-width:0;width:100%}@media(min-width:1600px){.solar-canvas{min-height:570px}}@media(max-width:1150px){.solar-workspace{grid-template-columns:190px minmax(0,1fr)}.solar-info{grid-column:1/-1;display:block}.solar-info dl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.solar-info p{max-width:850px}.solar-overview-numbers{display:none}.solar-timing{font-size:8px}.solar-info h2 br{display:none}.solar-info h3{margin-top:15px}}@media(max-width:700px){.solar-workspace{grid-template-columns:minmax(0,1fr);gap:12px}.solar-stage{grid-row:1}.solar-canvas{height:400px;min-height:400px;flex:none}.solar-toolbar{padding:10px}.solar-toolbar>span{font-size:7px;letter-spacing:.7px}.solar-toolbar button{min-height:32px}.solar-scene-caption{left:15px;top:16px}.solar-scene-caption p{font-size:11px}.solar-playback{gap:12px;padding:10px}.solar-timing{max-width:105px;font-size:8px;line-height:1.6}.solar-gestures{font-size:8px;line-height:1.5}.solar-list{display:grid;grid-template-columns:1fr 1fr;max-height:285px;overflow:auto}.solar-list-note{padding:10px 16px}.solar-info dl{grid-template-columns:1fr 1fr;gap:0 20px}.solar-learning{grid-template-columns:1fr;gap:20px;margin:30px 0}.solar-learning p{max-width:none}.solar-app .site-header nav{display:flex;gap:16px}.solar-app .site-header nav a:last-child{display:none}.solar-app .page-heading h1{font-size:24px}.solar-app .version-badge{font-size:7px}.solar-app .heading-note{display:none}.solar-notes{padding:16px}.solar-notes summary{line-height:1.7}.solar-world{min-height:53px}.solar-scale-note{font-size:8px}}@media(prefers-reduced-motion:reduce){.solar-app *{scroll-behavior:auto;transition:none}}@media(max-width:700px){.solar-app .site-header{gap:18px}.solar-app .site-header .brand{font-size:17px;white-space:nowrap}.solar-app .site-header .header-end{display:none}.solar-app .site-header nav{margin-left:auto;flex-shrink:0}}.solar-stage:fullscreen,.solar-stage.is-expanded{width:100%;height:100dvh;border:0;border-radius:0;background:#090e16}.solar-stage.is-expanded{position:fixed;inset:0;z-index:1000}.solar-stage.is-fullscreen .solar-canvas{flex:1 1 0;height:auto;min-height:0}.solar-stage.is-fullscreen .solar-toolbar,.solar-stage.is-fullscreen .solar-playback,.solar-stage.is-fullscreen .solar-gestures{flex-shrink:0}@media(max-width:400px){.solar-toolbar{flex-wrap:wrap}}.solar-explanation{padding:28px;margin:26px 0}.solar-explanation h2,.solar-planet-reference h2{font:600 22px/1.4 Manrope,sans-serif;margin:12px 0 16px}.solar-explanation p{color:#98a5b6;font-size:13px;line-height:1.9;max-width:80ch}.solar-explanation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 36px;margin-top:20px}.solar-explanation h3{font-size:16px;line-height:1.5}.solar-planet-reference article{scroll-margin-top:24px}@media(max-width:700px){.solar-explanation{padding:20px}.solar-explanation-grid{grid-template-columns:1fr;gap:12px}}