*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#000;width:100%;height:100%;font-family:JetBrains Mono,Fira Code,Consolas,monospace;overflow:hidden}canvas{display:block}.control-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e0e0e0;z-index:100;scrollbar-width:thin;scrollbar-color:#4fc3f74d transparent;background:#0a0c14d9;border:1px solid #4fc3f726;border-radius:12px;width:260px;max-height:calc(100vh - 32px);padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;position:fixed;top:16px;left:16px;overflow-y:auto}.body-selector{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e0e0e0;z-index:100;scrollbar-width:thin;scrollbar-color:#4fc3f74d transparent;background:#0a0c14d9;border:1px solid #4fc3f726;border-radius:12px;width:240px;max-height:calc(100vh - 32px);padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;position:fixed;top:16px;right:16px;overflow-y:auto}.settings-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e0e0e0;z-index:100;scrollbar-width:thin;scrollbar-color:#4fc3f74d transparent;background:#0a0c14d9;border:1px solid #4fc3f726;border-radius:12px;width:260px;max-height:50vh;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;position:fixed;bottom:16px;left:16px;overflow-y:auto}.panel-title{letter-spacing:2px;color:#4fc3f7b3;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.date-display{justify-content:space-between;margin-bottom:8px;display:flex}.date-label{color:#888}.date-value{color:#4fc3f7;font-weight:600}.solar-stage{background:#ffffff08;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 8px;display:flex}.stage-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 6px}.stage-label{color:#ccc;font-size:11px}.button-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.ctrl-btn{color:#e0e0e0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#4fc3f71a;border:1px solid #4fc3f733;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;transition:all .15s}.ctrl-btn:hover{background:#4fc3f733;border-color:#4fc3f766}.ctrl-btn:active{background:#4fc3f74d}.ctrl-btn.small{padding:4px 8px;font-size:10px}.ctrl-btn.active{color:#4fc3f7;background:#4fc3f74d;border-color:#4fc3f7}.time-jumps{flex-wrap:wrap}.slider-group{margin-bottom:12px}.slider-group label{color:#aaa;margin-bottom:4px;font-size:11px;display:block}.slider{appearance:none;cursor:pointer;background:#4fc3f726;border-radius:2px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#4fc3f7;border:2px solid #0a0c14cc;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #4fc3f780}.slider::-moz-range-thumb{cursor:pointer;background:#4fc3f7;border:2px solid #0a0c14cc;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #4fc3f780}.slider-labels{color:#666;justify-content:space-between;margin-top:2px;font-size:9px;display:flex}.toggle-group{margin-bottom:12px}.toggle{cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;display:flex}.toggle input[type=checkbox]{accent-color:#4fc3f7;cursor:pointer;width:14px;height:14px}.body-list{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.body-btn{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.body-btn:hover{background:#4fc3f714;border-color:#4fc3f726}.body-btn.selected{color:#4fc3f7;background:#4fc3f726;border-color:#4fc3f74d}.body-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.moon-list{margin-bottom:12px;margin-left:16px}.moon-btn{padding:3px 6px;font-size:10px}.info-panel{border-top:1px solid #4fc3f71a;padding-top:12px}.info-title{color:#4fc3f7;margin-bottom:8px;font-size:14px;font-weight:700}.info-grid{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.info-row{justify-content:space-between;gap:8px;display:flex}.info-key{color:#888;text-transform:capitalize;font-size:10px}.info-value{color:#ddd;text-align:right;word-break:break-word;font-size:10px}.follow-btn{width:100%;margin-top:4px;font-size:11px}.quality-group{margin-bottom:12px}.quality-group>label{color:#aaa;margin-bottom:6px;font-size:11px;display:block}.shortcuts{margin-top:8px}.shortcut{color:#777;margin-bottom:2px;font-size:10px}.control-panel::-webkit-scrollbar{width:4px}.body-selector::-webkit-scrollbar{width:4px}.settings-panel::-webkit-scrollbar{width:4px}.control-panel::-webkit-scrollbar-track{background:0 0}.body-selector::-webkit-scrollbar-track{background:0 0}.settings-panel::-webkit-scrollbar-track{background:0 0}.control-panel::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:2px}.body-selector::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:2px}.settings-panel::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:2px}@media (width<=768px){.control-panel,.body-selector,.settings-panel{width:200px;padding:10px;font-size:10px}.settings-panel{display:none}}