@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";body{font-family:Inter,sans-serif;background-color:#0d0d18;color:#e0e0f0;overflow:hidden;margin:0;padding:0}#app-container{display:flex;height:100vh;max-height:100vh}#sidebar{width:300px;min-width:300px;background-color:#1a1a2e;overflow-y:auto;border-right:1px solid #2c2c44;display:flex;flex-direction:column}#main-content{flex-grow:1;display:flex;flex-direction:column}#canvas-container{flex-grow:1;min-height:50%;background:#000}canvas{display:block;width:100%;height:100%}#star-list-container{flex-grow:1;overflow-y:auto;padding-bottom:2rem}.dot{width:10px;height:10px;border-radius:50%;background-color:#7b68ee;animation:pulse 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:.5s}.dot:nth-child(3){animation-delay:1s}@keyframes pulse{0%,to{transform:scale(.5);opacity:.5}50%{transform:scale(1);opacity:1}}.navigator-item{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .15s ease-in-out,color .15s ease-in-out;font-size:.875rem}.navigator-item:hover{background-color:#4a5568}.navigator-item.planet{font-weight:700;color:#63b3ed}.navigator-item.moon{color:#a0aec0;padding-left:24px}#navigator-celestial-list::-webkit-scrollbar{width:8px}#navigator-celestial-list::-webkit-scrollbar-track{background:#2d3748}#navigator-celestial-list::-webkit-scrollbar-thumb{background:#718096;border-radius:4px}#navigator-celestial-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}#info-panel{display:flex;gap:2rem;align-items:flex-start;height:35vh;min-height:250px}#info-details{flex:1;height:100%;display:flex;flex-direction:column;overflow-y:auto}#system-navigator{width:280px;flex-shrink:0;height:100%;flex-direction:column;position:relative;bottom:25px}#info-description{overflow-y:auto;max-height:25vh}#navigator-celestial-list{max-height:25vh}