*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#000;color:#fff;overflow:hidden;-webkit-user-select:none;user-select:none}:root{--bg-color: #000;--panel-bg: rgba(20, 20, 20, .95);--text-color: #fff;--border-color: rgba(255, 255, 255, .2);--button-bg: rgba(255, 255, 255, .1);--button-hover: rgba(255, 255, 255, .2);--accent-color: #4a90e2;--accent-dark: #007bff}:root[data-theme=light]{--bg-color: #F4F1FB;--panel-bg: rgba(244, 241, 251, .96);--text-color: #472c7d;--heading-color: #5938b5;--border-color: #D3CBE6;--button-bg: #EBE6FA;--button-hover: #E1D7F6;--accent-color: #A285E7;--accent-dark: #804FC4;--slider-track: #A993F7;--slider-thumb: #BFA8FF;--input-bg: #F9F6FD;--tooltip-bg: #EEE7FC;--tooltip-text: #46267A}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease}.loading-content{text-align:center;color:var(--text-color)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-progress{width:200px;height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin-top:15px}.loading-bar{height:100%;background:var(--accent-color);width:0%;transition:width .3s ease}.controls-panel{position:fixed;top:20px;left:20px;background:var(--panel-bg);color:var(--text-color);border-radius:20px;padding:0;min-width:280px;max-width:90vw;max-height:80vh;overflow:visible;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transition:all .3s ease;box-shadow:0 8px 32px #0000004d}.controls-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-top-left-radius:20px;border-top-right-radius:20px;background:#ffffff0d}.controls-header h2{font-size:18px;font-weight:600}.toggle-btn{background:none;border:none;color:var(--text-color);font-size:20px;cursor:pointer;padding:5px;border-radius:4px;transition:background .2s ease}.toggle-btn:hover{background:var(--button-hover)}.controls-content{padding:20px;max-height:70vh;overflow-y:auto;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top:1px solid var(--border-color);margin-bottom:10px}.control-section{margin-bottom:25px}.control-section:last-child{margin-bottom:0}.control-section h3{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px}.control-row{display:flex;gap:8px;flex-wrap:wrap}.control-button{background:var(--button-bg);border:1px solid var(--border-color);color:var(--text-color);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease;white-space:nowrap}.control-button:hover{background:var(--button-hover);transform:translateY(-1px)}.speed-control{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:8px 0}.speed-control label{font-size:13px;font-weight:500;min-width:70px}.speed-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--slider-track, var(--accent-color));border-radius:2px;outline:none;cursor:pointer;margin:0;padding:0}.speed-slider::-webkit-slider-runnable-track{height:4px;background:var(--slider-track, var(--accent-color));border-radius:2px}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--slider-thumb, var(--accent-color));border:2px solid #fff;box-shadow:0 2px 6px #0003;cursor:pointer;margin-top:-6px}.speed-slider::-moz-range-track{height:4px;background:var(--slider-track, var(--accent-color));border-radius:2px}.speed-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--slider-thumb, var(--accent-color));border:2px solid #fff;box-shadow:0 2px 6px #0003;cursor:pointer}.speed-slider::-ms-fill-lower,.speed-slider::-ms-fill-upper{background:var(--slider-track, var(--accent-color));border-radius:2px}.speed-slider::-ms-thumb{width:16px;height:16px;border-radius:50%;background:var(--slider-thumb, var(--accent-color));border:2px solid #fff;box-shadow:0 2px 6px #0003;cursor:pointer}.speed-slider:focus{outline:none}.speed-value{font-size:11px;min-width:40px;text-align:right;opacity:.8}.info-panel{position:fixed;bottom:20px;right:20px;background:var(--panel-bg);color:var(--text-color);padding:5px;border-radius:20px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;z-index:100;text-align:center}#fps-counter{margin-bottom:2px;font-family:monospace}#planet-info{font-style:italic;opacity:.8}.planet-tooltip{position:absolute;background:var(--panel-bg);color:var(--text-color);padding:10px 15px;border-radius:8px;font-size:12px;pointer-events:none;z-index:200;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .2s ease;box-shadow:0 4px 20px #0000004d}.planet-tooltip.visible{opacity:1}.error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:var(--panel-bg);padding:30px;border-radius:12px;border:1px solid var(--border-color);z-index:1000}@media (max-width: 768px){.controls-panel{top:10px;left:10px;right:10px;min-width:auto;max-width:none}.info-panel{bottom:10px;right:10px;left:10px;text-align:center}.control-row{justify-content:center}.speed-control{flex-direction:column;align-items:stretch;gap:5px}.speed-slider{margin:5px 0}}canvas{display:block;width:100vw;height:100vh;touch-action:none}::-webkit-scrollbar{width:6px;margin-bottom:5px}::-webkit-scrollbar-track{background:var(--panel-bg);border-radius:20px;margin-bottom:8px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}