*,*::before,*::after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{margin:0;padding:0;background-color:#121212;color:#fff;font-family:Arial,sans-serif;overflow:auto}.form-container,.canvas-container,.filter-container,.welcome-box,.about-box,.star-info,#planet-info,.catalog-container{background-color:#1e1e1e}header{background:radial-gradient(circle at center,#121212 0%,#121212 100%);padding:.5rem 0;border-bottom:2px solid #a8e4ff}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 1.5rem}header h1{flex:1;text-align:center;font-family:'Orbitron',sans-serif;font-weight:700;font-size:1.8rem;letter-spacing:.05rem;color:#a8e4ff;margin:0}.nav{display:flex;gap:1rem}.nav a{color:#a8e4ff;font-family:'Orbitron',sans-serif;font-weight:600;font-size:.95rem;text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.nav a:hover{color:#ffffff;text-shadow:0 0 6px #a8e4ff}h2{text-align:center;font-family:'Orbitron',sans-serif;font-weight:700;font-size:2rem;letter-spacing:.1rem;color:#a8e4ff;margin:0}.auxiliary-controls{grid-column:1 / -1;display:flex;flex-direction:column;height:100%;width:100%;justify-self:center;color:#a8e4ff;background-color:#121212;border:2px solid #a8e4ff;border-radius:.25rem;padding:.25rem .75rem;cursor:pointer;font-family:'Orbitron',sans-serif;font-size:1rem;font-weight:bold;margin-top:1rem;transition:all .3s ease}.auxiliary-controls:hover{background-color:#a8e4ff;color:#121212;box-shadow:0 0 10px #a8e4ff;animation:glowPulse 2.5s ease-in-out infinite}.control-btn{position:absolute;top:1rem;right:1rem;background:#121212;color:#a8e4ff;border:2px solid #a8e4ff;border-radius:.25rem;padding:.25rem .5rem;font-family:'Orbitron',sans-serif;cursor:pointer;z-index:30;transition:all .3s ease}.control-btn:hover{background:#a8e4ff;color:#121212;box-shadow:0 0 10px #a8e4ff}.star-info{position:absolute;top:1rem;left:1rem;background:#121212;color:#a8e4ff;border:2px solid #a8e4ff;border-radius:.25rem;padding:.25rem .5rem;font-family:'Orbitron',sans-serif;font-weight:700;font-size:large;cursor:default;z-index:30;transition:all .3s ease}#planet-info{top:10.5rem;max-height:40vh;overflow-y:auto;display:block;background:#121212;color:#a8e4ff;border:2px solid #a8e4ff;border-radius:.25rem;padding:.5rem;font-family:'Orbitron',sans-serif;font-size:.95rem;z-index:30;transition:all .3s ease}.main-container{display:flex;height:100vh;gap:1rem;padding:1rem;overflow:hidden}.map-and-catalog{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-width:0;height:90vh;overflow:visible}.form-container{width:280px;height:100%;flex-shrink:0;background-color:#121212;border:2px solid #a8e4ff;border-radius:.5rem;box-shadow:0 0 20px rgba(0,255,255,.5);padding:1rem;overflow-y:auto;min-height:100%}.seed-form{display:flex;flex-direction:column;gap:.75rem}.seed-form label{font-family:'Orbitron',sans-serif;color:#a8e4ff}.seed-form input{width:100%;max-width:100%;background:#121212;border:1px solid #a8e4ff;border-radius:.25rem;margin-top:0;padding:.25rem .5rem;color:#a8e4ff;font-family:'Orbitron',sans-serif}.seed-form>button{grid-column:1 / -1;justify-self:center;color:#a8e4ff;background-color:#121212;border:2px solid #a8e4ff;border-radius:.25rem;padding:.25rem .75rem;margin-bottom:1.5rem;cursor:pointer;font-family:'Orbitron',sans-serif;font-size:1rem;font-weight:bold;transform-origin:center;transition:all .3s ease}.seed-form>button:hover{background-color:#55d7ff;color:#121212;box-shadow:0 0 10px #a8e4ff;animation:glowPulse 2.5s ease-in-out infinite}#catalog-container{width:100%}.canvas-container{position:relative;flex:1 1 auto;min-width:0;display:flex;background:#121212;overflow:hidden;width:100%;height:100%}#system-map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:25;background:rgba(0,0,0,0);pointer-events:none}.catalog-container{position:absolute;bottom:0;left:0;width:100%;height:auto;max-height:90vh;overflow-y:auto;background:rgba(0,0,0,.85);border-top:2px solid #a8e4ff;padding:.75rem 1rem;z-index:20}.catalog-container.hidden{display:none}.catalog-wrapper{display:flex;gap:1rem}.filter-container{display:flex;flex-wrap:wrap;gap:.75rem .5rem;margin:0 0 .5rem;padding:.5rem;background:#121212;border:2px solid #a8e4ff;border-radius:.25rem;font-family:'Orbitron',sans-serif}.filter-container label{display:flex;align-items:center;color:#a8e4ff;cursor:pointer}.filter-container input{margin-right:.25rem}.name-filter-container{display:inline-flex;align-items:center;gap:.5rem}#name-filter{width:20rem;padding:.25rem .5rem;background:#121212;color:#a8e4ff;border:1px solid #a8e4ff;border-radius:.25rem;font-family:'Orbitron',sans-serif}.pagination-controls{text-align:center;margin-top:.75rem}.pagination-controls button{font-family:'Orbitron',sans-serif;color:#121212;background-color:#a8e4ff;border:none;border-radius:.25rem;padding:.25rem .75rem;margin:0 .5rem;cursor:pointer;font-weight:bold}.pagination-controls button:disabled{opacity:.5;cursor:default}#star-map{width:800px;height:600px;display:block}.spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:10}.spinner{width:3rem;height:3rem;border:.5rem solid #a8e4ff;border-top:.5rem solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome-box{background-color:#121212;color:#a8e4ff;width:100%;border:2px solid #a8e4ff;border-radius:.5rem;padding:1rem 1.5rem;font-family:'Orbitron',sans-serif;z-index:1121212;box-shadow:0 0 10px #a8e4ff}.about-box{text-align:left;background-color:#121212;color:#a8e4ff;width:100%;border:2px solid #a8e4ff;border-radius:.5rem;padding:1rem 12rem;font-family:'Orbitron',sans-serif;z-index:1121212;box-shadow:0 0 10px #a8e4ff}.about-box h1{text-align:left}.about-box h2{text-align:left}@keyframes glowPulse{0%,100%{box-shadow:0 0 8px #a8e4ff,0 0 16px rgba(0,255,255,.5)}50%{box-shadow:0 0 16px #a8e4ff,0 0 32px rgba(0,255,255,.75)}}#star-map,#star-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#show-catalog-btn:hover{background-color:#a8e4ff;color:#121212;box-shadow:0 0 10px #a8e4ff;animation:glowPulse 2.5s ease-in-out infinite}#center-btn{top:1rem}#center-btn:hover{background-color:#a8e4ff;color:#121212;box-shadow:0 0 10px #a8e4ff;animation:glowPulse 2.5s ease-in-out infinite}#clear-marker-btn{top:3rem}#planet-info-btn:hover{background-color:#a8e4ff;color:#121212;box-shadow:0 0 10px #a8e4ff;animation:glowPulse 2.5s ease-in-out infinite}button:disabled{opacity:.4;background-color:#222;border-color:#444;color:#444;cursor:not-allowed;box-shadow:none;pointer-events:none}button:disabled:hover{background-color:#222;color:#444;box-shadow:none;animation:none}.hidden{display:none!important}