body{margin:0;overflow:hidden;font-family:Arial,sans-serif;background-color:#000;color:#fff}#splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-position:center;z-index:9999;transition:opacity .5s ease-out}#splash-logo{max-width:50%;margin-bottom:30px}#loading-indicator{display:flex;flex-direction:column;align-items:center;margin-top:20px}.loading-text{font-size:16px;color:#fff;margin-bottom:15px;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #EC6B05;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app-container{opacity:0;transition:opacity 1s ease-in}#main-header{position:fixed;top:0;left:0;width:100%;height:8%;background-color:#000;display:flex;align-items:center;padding:0 20px;z-index:90;box-sizing:border-box}.header-left{display:flex;align-items:center;flex:1;height:100%}#header-logo{height:75%;width:auto;padding-right:20px;border-right:1px solid #EC6B05;object-fit:contain}#utc-clock{color:#fff;font-family:monospace;font-size:16px;background-color:#00000080;padding:5px 10px;border-radius:4px;margin-left:20px;min-width:180px;text-align:center;display:flex;align-items:center;height:50%}#header-constellation-select{display:flex;align-items:center;gap:8px;margin-left:auto;height:100%}#header-constellation-select label{color:#fff;font-size:14px;display:flex;align-items:center;height:100%}#header-constellation-select select{background:#ec6b05;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;width:auto;min-width:200px;font-size:14px;height:32px;display:flex;align-items:center}#header-constellation-select button.header-button{background:#ec6b05;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin:0 2px;font-size:14px;display:flex;align-items:center;height:32px;min-width:40px;justify-content:center}.icon-button{background:transparent;border:none;cursor:pointer;padding:0 8px;margin-left:4px;color:#fff;display:flex;align-items:center;justify-content:center;height:32px;min-width:32px;transition:transform .2s;font-size:22px}.header-icon{font-size:22px;color:#fff;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;height:22px;width:22px;margin-right:0}#reset-scene-btn{margin-left:8px!important}#header-constellation-select button:focus,.icon-button:focus{outline:2px solid #EC6B05;outline-offset:2px}#info{position:absolute;top:9%;left:10px;background:#000000b3;color:#fff;padding:10px;border-radius:5px;z-index:100;max-width:300px}.hide-element{display:none!important}.header-button{background:#ec6b05;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin:0 5px;font-size:13px;display:flex;align-items:center;justify-content:center}button,select{background:#ec6b05;color:#fff;border:none;padding:8px 16px;margin:5px 0;border-radius:4px;cursor:pointer}button:hover,select:hover{background:#f17e25}select{width:100%;background:#ec6b05}.checkbox-container{margin:10px 0;display:flex;align-items:center}.checkbox-container input{margin-right:10px}.button-row{display:flex;justify-content:space-between;gap:10px}.button-row button{flex:1}input[type=text],input[type=number]{width:100%;background:#ffffff1a;color:#fff;border:1px solid #555;padding:8px;margin:5px 0;border-radius:4px}.hidden{display:none}.panel{margin-bottom:15px;border-bottom:1px solid #555;padding-bottom:15px}.slider-container{margin:10px 0}.slider-container label{display:block;margin-bottom:5px}.slider-value{display:inline-block;width:50px;text-align:right}.slider-row{display:flex;align-items:center}.slider-row input[type=range]{flex:1;margin-right:10px}@media (max-width: 768px){#main-header{height:10%}#header-logo{height:70%;padding-right:10px}#utc-clock{min-width:140px;font-size:14px;margin-left:10px}#header-constellation-select label{display:none}#header-constellation-select button,#header-constellation-select select,.icon-button{height:32px;padding:4px 8px}}#header-constellation-select button,#header-constellation-select select,.icon-button{height:36px}.satellites-list{scrollbar-width:thin;scrollbar-color:#EC6B05 rgba(0,0,0,.2)}.satellites-list::-webkit-scrollbar{width:8px}.satellites-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.satellites-list::-webkit-scrollbar-thumb{background-color:#ec6b05;border-radius:4px}.satellite-item{transition:background-color .2s ease;padding:5px;border-radius:3px}.satellite-item:hover{background-color:#ec6b0533}#controls{position:fixed;top:70px;right:20px;background:#000000d9;color:#fff;padding:18px 20px;border-radius:10px;z-index:80;width:320px;max-width:90vw;max-height:calc(90vh - 80px);overflow-y:auto;box-shadow:0 2px 16px #00000040;display:none;transition:opacity .3s ease-in-out;opacity:0}.sat-tooltip{position:absolute;background:#000c;color:#fff;padding:8px;font-size:12px;pointer-events:none;z-index:1000;display:none;box-shadow:0 2px 4px #0003;border:1px solid #EC6B05;border-radius:3px;cursor:pointer}.sat-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#EC6B05 transparent transparent transparent;cursor:pointer}#n2yo-link{background-color:#555;border:none;color:#fff;padding:5px;border-radius:3px;text-decoration:none}#n2yo-link:hover{background-color:#ec6b05}#n2yo-link>a{text-decoration:none}#reset-camera-btn{background-color:#555;border:none;color:#fff;padding:5px;border-radius:3px}#reset-camera-btn:hover,#reset-camera-btn:active{background-color:#ec6b05}