*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:0;padding:0}.reading-value,.reading-title{-webkit-user-select:text;user-select:text}html,body{color:#e0e0ea;background-color:#020205;width:100%;height:100%;font-family:Outfit,sans-serif;font-weight:400;overflow:hidden}#canvas-container{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}#space-hud{z-index:10;-webkit-backdrop-filter:blur(16px)saturate(180%);background:#0808108c;border:1px solid #f39c1226;border-radius:12px;width:380px;max-height:calc(100vh - 40px);padding:20px;font-family:Outfit,sans-serif;position:fixed;top:20px;left:20px;overflow-y:auto;box-shadow:0 10px 40px #0009,inset 0 0 20px #f39c120d}.hud-header{border-bottom:1px solid #f39c1233;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;display:flex}.hud-label{letter-spacing:2px;color:#f39c12cc;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:900}.hud-status-indicator{letter-spacing:1px;color:#2ecc71;align-items:center;gap:6px;font-family:Orbitron,sans-serif;font-size:.65rem;display:flex}.pulse-dot{background-color:#2ecc71;border-radius:50%;width:6px;height:6px;animation:1.5s infinite alternate pulse;display:inline-block;box-shadow:0 0 8px #2ecc71}@keyframes pulse{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2);box-shadow:0 0 12px #2ecc71}}.hud-readings{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px;display:grid}.reading-box{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:10px}.reading-title{color:#fff6;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:.6rem}.reading-value{color:#fff;text-shadow:0 0 8px #fff3;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600}.reading-value.yellow-dwarf{color:#f39c12;text-shadow:0 0 10px #f39c1266}.reading-value.red-giant{color:#e74c3c;text-shadow:0 0 10px #e74c3c66}.reading-value.blue-super{color:#3498db;text-shadow:0 0 10px #3498db66}.reading-value.white-dwarf{color:#ecf0f1;text-shadow:0 0 10px #ecf0f166}.hud-section-title{color:#ffffff59;letter-spacing:1.5px;border-left:2px solid #f39c1280;margin:15px 0 8px;padding-left:6px;font-family:Orbitron,sans-serif;font-size:.65rem}.preset-buttons{flex-direction:column;gap:8px;display:flex}.preset-btn{color:#b0b0cc;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.preset-btn:hover{color:#fff;background:#ffffff0f;border-color:#fff3;transform:translateY(-1px)}.preset-btn.active{color:#fff;background:#f39c121f;border-color:#f39c1299;box-shadow:0 0 15px #f39c1226}.preset-btn[data-preset=sol].active{background:#f39c1214;border-color:#f39c12cc}.preset-btn[data-preset=redgiant].active{background:#e74c3c14;border-color:#e74c3ccc}.preset-btn[data-preset=bluesuper].active{background:#3498db14;border-color:#3498dbcc}.preset-btn[data-preset=whitedwarf].active{background:#ecf0f114;border-color:#ecf0f1cc}.class-code{letter-spacing:1px;background:#ffffff0d;border-radius:4px;padding:2px 6px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:900}.class-name{font-size:.8rem;font-weight:500}.autopilot-buttons{flex-direction:column;gap:8px;display:flex}.nav-btn{color:#ffffffb3;letter-spacing:1.5px;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;padding:10px;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.nav-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.nav-btn:hover:before{left:100%}.nav-btn:hover{color:#fff;background:#ffffff0f;border-color:#ffffff40}.nav-btn.warning{color:#e74c3cd9;border-color:#e74c3c4d}.nav-btn.warning:hover{color:#ff9f9f;background:#e74c3c14;border-color:#e74c3ccc;box-shadow:0 0 15px #e74c3c33}.nav-btn.active{color:#fff;background:#ffffff1a;border-color:#fff}#control-panel{z-index:10;-webkit-backdrop-filter:blur(16px)saturate(180%);background:#0808108c;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:340px;max-height:calc(100vh - 40px);padding:16px;transition:max-height .4s cubic-bezier(.16,1,.3,1),transform .4s;display:flex;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 10px 40px #0009}#control-panel.collapsed{max-height:52px}.panel-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.panel-header h2{letter-spacing:2px;color:#ffffffd9;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:900}#toggle-panel{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:all .2s;display:flex}#toggle-panel:hover{color:#fff;background:#ffffff0d}#gui-container{flex-grow:1;padding-right:2px;overflow-y:auto}#gui-container .lil-gui{--background-color:transparent;--text-color:#b0b0cc;--title-background-color:#ffffff05;--widget-color:#ffffff0a;--hover-color:#ffffff14;--focus-color:#f39c124d;--number-color:#e67e22;--string-color:#2ecc71;width:100%;box-shadow:none;border-style:none;font-family:Outfit,sans-serif;font-size:12px}#gui-container .lil-gui .title{letter-spacing:1.5px;color:#ffffffb3;text-transform:uppercase;border-bottom:1px solid #ffffff0a;padding:8px 6px;font-family:Orbitron,sans-serif;font-size:10px}#gui-container .lil-gui .controller{margin:6px 0;padding:2px 0}#gui-container .lil-gui .controller .name{width:42%;font-weight:300}#gui-container .lil-gui input[type=number],#gui-container .lil-gui select,#gui-container .lil-gui input[type=text]{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:4px 6px}#gui-container .lil-gui .slider{background:#ffffff08;border-radius:4px;height:8px}#gui-container .lil-gui .fill{background:#f39c12cc;border-radius:4px}.panel-footer{color:#ffffff40;text-align:center;border-top:1px solid #ffffff0d;flex-shrink:0;margin-top:12px;padding-top:8px;font-size:.6rem}#gui-container::-webkit-scrollbar{width:4px}#gui-container::-webkit-scrollbar-track{background:0 0}#gui-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}#gui-container::-webkit-scrollbar-thumb:hover{background:#fff3}#control-panel.collapsed #gui-container,#control-panel.collapsed .panel-footer{display:none}#loader{z-index:9999;opacity:1;background:#030308;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s ease-in-out;display:flex;position:fixed;top:0;left:0}#loader.fade-out{opacity:0;pointer-events:none}.loader-content{text-align:center;flex-direction:column;align-items:center;display:flex}.solar-eclipse-loader{width:120px;height:120px;margin-bottom:30px;position:relative}.loader-corona{filter:blur(4px);background:radial-gradient(circle,#f39c12d9 0%,#e67e2266 45%,#0000 70%);border-radius:50%;width:100%;height:100%;animation:10s linear infinite rotate-corona,2s infinite alternate pulse-corona;position:absolute;top:0;left:0}.loader-core{background:#030308;border-radius:50%;width:90px;height:90px;position:absolute;top:15px;left:15px;box-shadow:inset 0 0 15px #f39c1299,0 0 20px #f39c124d}@keyframes rotate-corona{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-corona{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1.08)}}.loader-text{letter-spacing:4px;color:#f39c12f2;text-shadow:0 0 10px #f39c1240;margin-bottom:15px;font-family:Orbitron,sans-serif;font-size:.8rem}.loader-progress{background:#ffffff0d;border-radius:4px;width:240px;height:2px;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#e67e22,#f39c12,#f1c40f);border-radius:4px;width:0%;height:100%;transition:width .3s;box-shadow:0 0 8px #f39c12}@media (width<=900px){#space-hud{width:calc(100% - 40px);max-height:220px;top:auto;bottom:20px;left:20px;overflow-y:auto}#control-panel{width:calc(100% - 40px);max-height:220px;top:20px;right:20px;overflow-y:auto}}@media (height<=500px) and (orientation:landscape){#space-hud,#control-panel{max-height:38vh;overflow-y:auto}}#comparison-labels-container{pointer-events:none;z-index:5;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}.star-label-3d{opacity:0;pointer-events:auto;cursor:pointer;flex-direction:column;align-items:center;transition:opacity .5s,transform .3s;display:flex;position:absolute;transform:translate(-50%,-100%)}.star-label-3d.visible{opacity:1}.label-glow-line{background:linear-gradient(#00ff8000,#00ff80cc);width:1px;height:60px;margin-bottom:4px;box-shadow:0 0 8px #00ff8080}.label-card{-webkit-backdrop-filter:blur(8px);text-align:center;background:#0a0f1ed9;border:1px solid #ffffff1a;border-top:3px solid #00ff80;border-radius:6px;min-width:130px;padding:10px 14px;transition:border-color .3s,transform .3s;box-shadow:0 10px 25px #00000080,inset 0 1px 1px #ffffff1a}.star-label-3d:hover .label-card,.star-label-3d:focus-visible .label-card{border-top-color:#0fc;transform:translateY(-5px);box-shadow:0 15px 30px #00ffcc40}.star-label-3d:focus-visible{outline:none}#input-custom-class:focus-visible{outline-offset:2px;border-color:#00a8ffd9!important;outline:2px solid #00a8ffb3!important}.star-label-3d.active-focus .label-card{border-top-color:#ff3838;box-shadow:0 0 15px #ff383866}.label-name{letter-spacing:1px;color:#fff;text-transform:uppercase;margin-bottom:2px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700}.label-details{color:#fff9;font-family:Outfit,sans-serif;font-size:11px;font-weight:500}