:root{--color-sun: #f39c12;--color-space: #000;--color-text: #fff;--earth-size: 2.3625rem;--luna-moon-size: .675rem;--sun-size: 5rem}[data-theme=light]{--color-space: #0a1628;--color-text: #e8e8e8;--color-sun: #f5a623}@layer base,layout,celestial,moons,animations,interactions;@keyframes orbit{0%{transform:rotate(var(--rotation)) translate(var(--distance)) translateY(-50%) rotate(calc(-1 * var(--rotation)))}to{transform:rotate(calc(var(--rotation) + 360deg)) translate(var(--distance)) translateY(-50%) rotate(calc(-1 * var(--rotation) - 360deg))}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowing{0%{box-shadow:0 0 5px var(--color-sun),0 0 10px var(--color-sun),0 0 15px var(--color-sun),0 0 20px var(--color-sun)}50%{box-shadow:0 0 10px var(--color-sun),0 0 20px var(--color-sun),0 0 30px var(--color-sun),0 0 40px var(--color-sun)}to{box-shadow:0 0 5px var(--color-sun),0 0 10px var(--color-sun),0 0 15px var(--color-sun),0 0 20px var(--color-sun)}}@layer base{html,body{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:var(--color-space);color:var(--color-text);margin:0;padding:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer layout{.solar-system{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;contain:layout style;transform-origin:center center;cursor:grab}}@layer celestial{.sun{position:absolute;background:radial-gradient(circle,#fff8e1,#ffeb3b 15%,#f39c12 40%,#e67e22,#d35400);width:var(--sun-size);height:var(--sun-size);border-radius:50%;transform:translate(-50%,-50%);z-index:4;animation-name:rotate,glowing;animation-duration:2400s,3s;animation-iteration-count:infinite,infinite;animation-timing-function:linear,ease-in-out;box-shadow:0 0 10px var(--color-sun),0 0 20px var(--color-sun),0 0 40px #f39c1266,0 0 60px #f39c1233}.sun:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;border-radius:50%;background:radial-gradient(circle,rgba(255,248,225,.4),rgba(243,156,18,.2) 50%,rgba(243,156,18,.05) 70%,transparent 100%);z-index:-1}.planet,.moon{position:absolute;opacity:0;border-radius:50%;animation-name:orbit;animation-duration:var(--duration);animation-iteration-count:infinite;transform:rotate(var(--rotation)) translate(calc(-50% + var(--distance) em)) translateY(-50%);transform-style:preserve-3d;animation-timing-function:linear;transition:transform .5s ease}.planet{z-index:5;will-change:transform}.mercury{--distance: 5rem;--duration: 88s;--rotation: 320deg}.venus{--distance: 7.5rem;--duration: 225s;--rotation: 10deg}.earth{--distance: 10rem;--duration: 365s;--rotation: 40deg}.mars{--distance: 13rem;--duration: 687s;--rotation: 60deg}.jupiter{--distance: 18rem;--duration: 4300s;--rotation: 80deg}.saturn{position:relative;--distance: 22rem;--duration: 10750s;--rotation: 100deg}.saturn-ring{position:absolute;width:150%;height:30%;border-radius:50%;border:1px solid rgba(241,196,15,.7);box-shadow:0 0 3px #f1c40f4d;box-sizing:border-box;transform:rotate(-30deg) scale(1.2);top:40%;left:-25%;z-index:0;pointer-events:none}.uranus{--distance: 26rem;--duration: 30600s;--rotation: 120deg}.neptune{--distance: 30rem;--duration: 60225s;--rotation: 140deg}.ceres{--distance: 14.5rem;--duration: 1682s;--rotation: 200deg}.pluto{--distance: 34rem;--duration: 90560s;--rotation: 180deg}.dwarf-planet{filter:brightness(.8)}.kuiper-belt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72rem;height:72rem;border:2px dashed rgba(255,255,255,.03);border-radius:50%;pointer-events:none;z-index:1}.orbit-path{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.04);border-radius:50%;pointer-events:none;z-index:2}.starfield-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.asteroid-canvas,.comet-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}}@layer moons{.moon{z-index:4}.moon-luna{--distance: 1rem;--duration: 27s;--rotation: 0deg}.moon-phobos{--distance: .5rem;--duration: 8s;--rotation: 0deg}.moon-deimos{--distance: .75rem;--duration: 30s;--rotation: 45deg}.moon-io{--distance: 1.5rem;--duration: 42s;--rotation: 0deg}.moon-europa{--distance: 2rem;--duration: 85s;--rotation: 30deg}.moon-ganymede{--distance: 2.5rem;--duration: 172s;--rotation: 60deg}.moon-callisto{--distance: 3rem;--duration: 400s;--rotation: 90deg}.moon-titan{--distance: 1.75rem;--duration: 382s;--rotation: 0deg}.moon-titania{--distance: 1.25rem;--duration: 42s;--rotation: 0deg}.moon-oberon{--distance: 1.75rem;--duration: 65s;--rotation: 45deg}.moon-triton{--distance: 1.25rem;--duration: 141s;--rotation: 0deg}.moon-charon{--distance: 1rem;--duration: 153s;--rotation: 0deg}}@layer interactions{.planet:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;min-width:44px;min-height:44px;z-index:1}.planet:hover{z-index:15}.planet:hover:before{content:attr(data-label);position:absolute;background-color:transparent;transition:all .3s ease-in-out}.planet:hover>.planet-label{opacity:1}.planet.clicked:before{content:attr(data-label);position:absolute;background-color:transparent;transition:all .3s ease-in-out}.planet.clicked>.planet-label{opacity:1}.planet.mars:before,.planet.earth:before,.planet.venus:before{top:-150%;left:-150%;width:400%;height:400%}.planet.mercury:before{top:-350%;left:-350%;width:800%;height:800%}.planet:focus-visible{outline:2px solid var(--color-text);outline-offset:4px;z-index:15}.planet:focus-visible>.planet-label{opacity:1}.planet-label{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:.8rem;white-space:nowrap;text-transform:capitalize;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .3s;background-color:#000000b3;color:var(--color-text);padding:4px 8px;border-radius:5px;text-shadow:0 0 2px var(--color-space);margin-top:5px}.labels-always-on .planet-label{opacity:.7}.rotation-counter{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:auto;height:auto;background-color:#00000080;border-radius:8px;text-align:center;font-size:9px;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .3s;padding:1px 4px;line-height:normal}.planet:hover>.rotation-counter,.planet.clicked>.rotation-counter{opacity:.6}.tour-dimmed>.planet-label,.tour-dimmed>.rotation-counter{opacity:0!important}}.info-panel{position:fixed;right:-320px;top:0;width:300px;height:100%;background:#0a0a1ef2;border-left:1px solid rgba(255,255,255,.1);padding:20px;z-index:100;transition:right .3s ease;overflow-y:auto;color:var(--color-text);font-family:Arial,sans-serif;visibility:hidden}.info-panel--visible{right:0;visibility:visible}.info-panel-close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer;padding:5px 10px}.info-panel-close:hover{opacity:.7}.info-panel-title{margin:0 0 20px;font-size:1.5rem;text-transform:capitalize}.info-panel-data{margin:0 0 20px;padding:0}.info-panel-data dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-top:12px}.info-panel-data dd{margin:4px 0 0;font-size:1rem}.info-panel-fact{font-style:italic;opacity:.8;line-height:1.4;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.info-panel-share{display:block;width:100%;padding:8px 16px;margin-top:15px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--color-text);cursor:pointer;font-size:.85rem;transition:background .2s}.info-panel-share:hover{background:#ffffff26}.info-panel-badge{display:inline-block;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1a;padding:2px 8px;border-radius:10px;margin-left:8px;vertical-align:middle}@media(max-width:768px){.info-panel{right:unset;bottom:-100%;top:unset;left:0;width:100%;height:50%;border-left:none;border-top:1px solid rgba(255,255,255,.1);transition:bottom .3s ease}.info-panel--visible{bottom:0}}@media(max-width:768px)and (orientation:landscape){.info-panel{width:50%;height:100%;right:-50%;bottom:unset;top:0;border-top:none;border-left:1px solid rgba(255,255,255,.1);transition:right .3s ease}.info-panel--visible{right:0;bottom:unset}.control-bar{bottom:10px;padding:6px 12px}}@media(max-width:480px){.control-bar{gap:4px;padding:4px 8px;border-radius:16px;flex-wrap:wrap;max-width:90vw;justify-content:center}.control-btn{font-size:.65rem;padding:4px 8px}.control-btn--icon{min-width:30px;min-height:30px;font-size:.9rem}.control-slider{width:60px}.control-speed-label{font-size:.6rem}.control-separator{display:none}}.control-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#0a0a1ed9;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:6px 14px;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #00000080}.control-separator{width:1px;height:20px;background:#ffffff26;margin:0 2px}.control-btn{background:none;border:1px solid rgba(255,255,255,.15);color:var(--color-text);font-size:.75rem;cursor:pointer;padding:6px 14px;border-radius:6px;transition:background .2s;white-space:nowrap}.control-btn--icon{font-size:1.1rem;padding:6px 10px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.control-btn--active{background:#ffffff26;border-color:#ffffff4d}.control-btn--tour{border-color:var(--color-sun);color:var(--color-sun)}.control-btn--tour:hover{background:#f39c1226}.control-slider{width:120px;accent-color:var(--color-sun);cursor:pointer}.control-speed-label{font-size:.8rem;color:var(--color-text);opacity:.7;min-width:32px;text-align:center}.scale-logarithmic .planet,.scale-logarithmic .moon{transition:width .8s ease,height .8s ease}.scale-logarithmic .planet-label{opacity:.7;font-size:.65rem}@media(prefers-reduced-motion:reduce){.planet,.moon{animation:none}.sun{animation-name:glowing;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}}.tour-overlay{position:fixed;top:0;left:0;width:100%;pointer-events:none;z-index:200}.tour-progress{position:absolute;top:0;left:0;height:3px;background:var(--color-sun);transition:width .5s ease}.tour-controls{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#0a0a1ee6;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:8px 20px;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tour-btn{background:none;border:1px solid rgba(255,255,255,.2);color:var(--color-text);padding:6px 16px;border-radius:15px;cursor:pointer;font-size:.8rem;transition:background .2s}.tour-btn:hover{background:#ffffff1a}.tour-btn--exit{border-color:#e74c3c66}.tour-step-indicator{font-size:.8rem;color:var(--color-text);opacity:.7;min-width:50px;text-align:center}