*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#001;color:#fff;overflow:hidden}#app{width:100vw;height:100vh;display:flex;flex-direction:column}#top-bar{height:40px;background:#141e32e6;display:flex;align-items:center;padding:0 16px;gap:24px;border-bottom:1px solid rgba(255,255,255,.1);z-index:100}#app-title{font-size:16px;font-weight:600;color:#8cf}#top-info{font-size:13px;color:#aaa}.lang-btn{margin-left:auto;padding:4px 12px;background:#8cf3;border:1px solid rgba(136,204,255,.5);border-radius:4px;color:#8cf;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.lang-btn:hover{background:#8cf6}#main-content{flex:1;display:flex;position:relative;min-height:0}#canvas-container{flex:1;position:relative;min-width:0;min-height:0;overflow:hidden}#canvas-container canvas{display:block}#controls{width:280px;background:#141e32f2;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto;padding:16px;z-index:50}.control-group{margin-bottom:24px}.control-group h3{font-size:14px;color:#8cf;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(136,204,255,.3)}.control-row{margin-bottom:10px}.control-row label{display:flex;align-items:center;gap:8px;font-size:13px;color:#ccc}.control-row input[type=range]{flex:1;height:4px;background:#fff3;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#8cf;border-radius:50%;cursor:pointer}.control-row input[type=checkbox]{width:16px;height:16px;cursor:pointer}.select{width:100%;padding:8px 12px;background:#1e283ccc;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:13px;cursor:pointer}.control-row .select{flex:1;min-width:0}.select:focus{outline:none;border-color:#8cf}button{padding:8px 16px;background:#8cf;border:none;border-radius:4px;color:#000;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}button:hover{background:#adf}button:active{background:#6be}.speed-shortcuts{display:flex;gap:8px;margin-top:6px;margin-bottom:8px}.speed-shortcut-btn{flex:1;padding:6px 8px;font-size:12px;font-weight:600}.speed-shortcut-btn-prominent{background:#ffd166}.speed-shortcut-btn-prominent:hover{background:#ffe08a}.speed-shortcut-btn-prominent:active{background:#f3be3a}.info-text{font-size:12px;color:#888;margin-top:6px}#body-list{width:200px;background:#141e32f2;border-left:1px solid rgba(255,255,255,.1);padding:16px;overflow-y:auto;z-index:50}#body-list h3{font-size:14px;color:#8cf;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(136,204,255,.3)}.body-item{padding:8px;margin-bottom:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;transition:background .2s}.body-item:hover{background:#8cf3}.body-item.active{background:#88ccff4d}.body-toggle{width:12px;font-size:10px;color:#888;flex-shrink:0}.satellite-item{padding-left:44px;font-size:12px;color:#aaa}.body-color{width:12px;height:12px;border-radius:50%}#body-info-panel{position:absolute;right:220px;bottom:16px;width:280px;background:#141e32eb;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 14px;z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#body-info-panel h3{font-size:13px;color:#8cf;margin-bottom:8px}.body-info-name{font-size:18px;font-weight:600;margin-bottom:10px}.body-info-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#a9b4c4;line-height:1.5}.body-info-row strong{color:#e9f2ff;font-weight:500;text-align:right}#status-bar{height:0;padding:0;background:transparent;border:none;overflow:visible;z-index:120;pointer-events:none}#mobile-panel-toggle,#mobile-panel-toggle-top,#mobile-open-controls,#mobile-open-bodies{display:none}#time-dock{position:fixed;left:50%;bottom:14px;transform:translate(-50%);width:min(calc(860px * 2 / 3),calc((100vw - 28px) * 2 / 3));border:1px solid rgba(144,194,255,.18);background:#0d1729b8;border-radius:10px;padding:6px 10px 7px;box-shadow:0 8px 26px #00000047,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;--time-axis-pad: 24px}.time-dock-controls{display:flex;justify-content:center;font-size:11px;color:#b8ceea;margin-bottom:5px}.time-dock-buttons{display:inline-flex;align-items:center;gap:8px}.time-dock-controls button{padding:4px 8px;font-size:11px;border-radius:8px;box-shadow:none}#btn-play-pause.time-btn-resume{background:#ffd166;color:#1d1400}#btn-play-pause.time-btn-resume:hover{background:#ffe08a}#label-speed{color:#a8c6e8}#time-scale-value{color:#e8f2ff;font-weight:600;letter-spacing:.01em}#time-scale{width:calc(100% - (var(--time-axis-pad) * 2));margin:0 var(--time-axis-pad);height:4px;background:linear-gradient(90deg,#78b5ff61,#d2ecff8c);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff24}#time-scale::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#f4fbff;border:2px solid #6bb9ff;box-shadow:0 1px 8px #69bcff99}#time-scale:focus,#time-scale:focus-visible{outline:none}.time-scale-ticks{position:relative;height:18px;margin-bottom:2px;width:calc(100% - (var(--time-axis-pad) * 2));margin-left:var(--time-axis-pad)}.time-tick-btn{position:absolute;top:0;transform:translate(-50%);padding:2px 5px;background:transparent;color:#9ab4d4;border:none;font-size:10px;white-space:nowrap;border-radius:999px;transition:color .2s,background .2s,transform .2s}.time-tick-btn:hover{color:#fff;background:#78b6ff33;transform:translate(-50%) translateY(-1px)}.time-tick-btn.active{color:#f4fbff;background:#5fadff59;box-shadow:0 0 0 1px #91ceff57 inset}.time-tick-btn:focus,.time-tick-btn:focus-visible,.time-dock-controls button:focus,.time-dock-controls button:focus-visible{outline:none;box-shadow:none}.time-dock-time{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-variant-numeric:tabular-nums;color:#9eb2ca;letter-spacing:.01em;text-align:center;white-space:nowrap;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.7)}.time-dock-hint{margin-top:3px;font-size:10px;color:#7f93ad;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;font-size:18px;color:#f66}@media (max-width: 768px){#top-info{display:none}#mobile-open-controls,#mobile-open-bodies{display:inline-flex;position:fixed;z-index:210;pointer-events:auto;align-items:center;justify-content:center;min-height:38px;border-radius:999px;font-size:18px;background:#8cf3;border:1px solid rgba(136,204,255,.5);color:#8cf;padding:0 12px}#mobile-open-controls{left:10px;top:54px}#mobile-open-bodies{right:10px;top:54px}#mobile-open-controls.active,#mobile-open-bodies.active{background:#88ccffe6;color:#041427}#time-dock{display:block;width:calc(100vw - 16px);bottom:calc(8px + env(safe-area-inset-bottom));padding:6px 8px 7px;--time-axis-pad: 16px;z-index:180;transform:translate(-50%) translateY(0);transition:transform .28s ease}.time-dock-time{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-dock-hint{display:none}#controls,#body-list{position:fixed;top:44px;width:min(60vw,280px);bottom:calc(150px + env(safe-area-inset-bottom));z-index:180;transition:transform .28s ease;background:#141e32f7;border:1px solid rgba(255,255,255,.12);border-radius:0;padding:12px;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#controls{left:0;transform:translate(-105%);border-right:1px solid rgba(255,255,255,.12)}#body-list{right:0;transform:translate(105%);border-left:1px solid rgba(255,255,255,.12);width:min(48vw,230px)}#controls.open,#body-list.open{transform:translate(0)}#body-info-panel{display:none}}