:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070d;--panel-bg:#0e1220b8;--panel-border:#ffffff14;--text:#e8ecf7;--text-dim:#8a92ac;--accent:#ff5c8a;--accent-2:#3a7bd5;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#canvas-container{position:absolute;inset:0}#canvas-container canvas{display:block}#title-bar{pointer-events:none;position:absolute;top:20px;left:24px}#title-bar h1{letter-spacing:.02em;margin:0;font-size:1.35rem;font-weight:600}#subtitle{color:var(--text-dim);margin:2px 0 0;font-size:.85rem}#controls{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;align-items:center;gap:18px;padding:12px 20px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.control-group{align-items:center;gap:10px;display:flex}.control-group+.control-group{border-left:1px solid var(--panel-border);padding-left:18px}.system-btn{border:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:9px;padding:7px 14px;font-size:.85rem;transition:background .15s,color .15s,border-color .15s}.system-btn:hover{color:var(--text);border-color:#fff3}.system-btn.active{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.icon-btn{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff14;border-radius:9px;min-width:68px;padding:7px 16px;font-size:.85rem}.icon-btn:hover{background:#ffffff26}.slider-label{color:var(--text-dim);align-items:center;gap:8px;font-size:.8rem;display:flex}#speed-slider{width:110px;accent-color:var(--accent)}#speed-value{color:var(--text);font-variant-numeric:tabular-nums;width:3.4em}.toggle-label{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:.8rem;display:flex}.toggle-label input{accent-color:var(--accent)}#info-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;width:240px;padding:14px 16px;position:absolute;top:20px;right:24px}#info-panel h2{margin:0 0 10px;font-size:.95rem;font-weight:600}#info-list{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:.78rem;display:grid}#info-list dt{color:var(--accent);font-weight:600}#info-list dd{color:var(--text-dim);text-align:right;margin:0}.body-label{color:var(--text);text-shadow:0 1px 3px #000000e6;white-space:nowrap;pointer-events:none;font-size:.78rem;font-weight:500}.lagrange-label{color:var(--accent);text-shadow:0 1px 3px #000000e6;white-space:nowrap;pointer-events:none;font-size:.7rem;font-weight:600}@media (width<=700px){#info-panel{display:none}#controls{flex-wrap:wrap;justify-content:center;gap:10px;width:calc(100vw - 32px)}.control-group+.control-group{border-left:none;padding-left:0}}