:root{color-scheme:dark;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;color:#e1e6ee;background:#030509;--muted:#9da7b6;--line:#ffffff1c;--accent:#e4c991}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit;border:1px solid var(--line);border-radius:7px;background:#ffffff05;padding:10px 15px;transition:background .16s,border-color .16s}button:hover{background:#ffffff12;border-color:#ffffff38}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-underline-offset:3px}button:active{background:#ffffff1e}[hidden]{display:none!important}#space{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline-offset:-5px;cursor:grab}#space:active{cursor:grabbing}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.planet-label{position:absolute;left:0;top:0;font-size:11px;letter-spacing:.025em;color:#b7c4d2;white-space:nowrap;text-shadow:0 1px 6px #000;transition:opacity .2s}.planet-label.selected{color:#fff}.planet-label:before{content:"";display:inline-block;width:13px;height:1px;background:currentColor;vertical-align:middle;opacity:.45;margin-right:6px}.masthead{position:fixed;top:30px;left:36px;pointer-events:none}.masthead a{pointer-events:auto}.back{font-size:11px;color:#9ba5b4;text-decoration:none}.masthead h1{font-size:52px;line-height:1;font-weight:450;letter-spacing:-3px;margin:20px 0 8px}.title-dot{color:var(--accent)}.masthead p{font-size:13px;letter-spacing:.04em;color:var(--muted);margin:0}.top-actions{position:fixed;right:30px;top:30px;display:flex;align-items:center;gap:22px;font-size:12px}.live-state{color:var(--muted)}.live-state:before{content:"";width:5px;height:5px;background:#c4d8bd;border-radius:50%;display:inline-block;margin:0 8px 2px 0}.live-state.paused:before{background:var(--accent)}.panel{background:#0b1019ce;border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:12px;box-shadow:0 12px 50px #0002}.settings{position:fixed;z-index:5;right:30px;top:84px;width:308px;max-height:calc(100dvh - 180px);overflow:auto;padding:21px;font-size:12px}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.panel-heading h2{font-size:14px;font-weight:500;margin:0 0 25px}.text-button{border:0;background:none;font-size:12px;padding:9px}.settings .text-button{padding-right:0}.settings fieldset{border:0;padding:0;margin:0 0 22px}.settings legend{color:var(--muted);padding:0;margin-bottom:10px;font-size:11px}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#070b12c9}.segmented button{border:0;border-radius:5px;font-size:12px;flex:1;white-space:nowrap;color:#98a4b4;padding:9px 13px}.segmented button[aria-pressed=true]{color:#f3eedf;background:#ffffff13}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:10px;color:var(--muted)}.range-label output{color:#d9dfeb;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:20px;margin:8px 0 11px;accent-color:var(--accent);cursor:pointer;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#8391a24a}input[type=range]::-webkit-slider-thumb{margin-top:-6px;width:14px;height:14px}input[type=checkbox]{accent-color:var(--accent);margin:0;width:14px;height:14px}.toggles{display:grid;gap:15px;margin:14px 0 22px}.toggles label{display:flex;gap:10px;align-items:center}.settings-actions{display:flex;gap:7px}.settings-actions button{font-size:11px;padding:10px;flex:1}.settings details{margin-top:22px;color:var(--muted);font-size:11px;line-height:1.65}.settings summary{cursor:pointer;color:#c4ccd9}.settings details p{margin:12px 0}.body-panel{position:fixed;left:36px;bottom:148px;width:255px;padding:17px 19px 12px}.body-heading{display:flex;align-items:center;gap:9px;margin-bottom:19px}.body-dot{width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #e4c9914d}.body-heading select{border:0;color:#edf0f5;background:transparent;font-size:17px;font-weight:500;min-width:0;flex:1}.body-heading select option{background:#10151f}.body-heading button{color:var(--muted)}.body-facts{display:flex;justify-content:space-between;margin-bottom:19px;gap:10px}.body-facts div{display:flex;flex-direction:column;gap:6px}.body-facts span{font-size:10px;color:var(--muted)}.body-facts output{font-size:13px;font-variant-numeric:tabular-nums}.body-hint{font-size:10px;color:#9aa4b3;margin:0;line-height:1.5}.view-switch{position:fixed;bottom:148px;right:30px}.transport{position:fixed;bottom:58px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;padding:12px 17px;width:540px;max-width:calc(100% - 40px);height:70px}.pause-button{width:38px;height:38px;padding:0;flex:none;font-size:17px;border-color:#d7be894a;color:#f5deac}.time{display:flex;flex-direction:column;min-width:78px;gap:2px;font-variant-numeric:tabular-nums}.time output{font-size:18px;line-height:1.1;font-weight:450}.time span{font-size:9px;color:var(--muted)}.transport-divider{width:1px;height:28px;background:var(--line)}.speed-control{flex:1;min-width:115px}.speed-control input{margin:6px 0 0}.transport .text-button{padding:10px 0;margin-left:8px}.scene-notes{position:fixed;left:0;right:0;bottom:14px;text-align:center;font-size:10px;color:#9aa4b3;pointer-events:none}.scene-notes p{margin:3px 10px}.gesture-hint{font-size:9px;color:#818c9b}#notice{position:fixed;top:100px;left:50%;transform:translateX(-50%);max-width:calc(100% - 36px);padding:12px 18px;background:#241c12f0;border:1px solid #6b5031;color:#ead2ae;border-radius:8px;font-size:12px;z-index:8}#loading{position:fixed;inset:0;background:#030509;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;font-size:13px;padding:30px;text-align:center;z-index:10}.loading-orbit{width:48px;height:48px;border:1px solid #283446;border-top-color:#dfc38b;border-radius:50%;animation:spin 1.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.no-script{position:fixed;inset:0;z-index:11;background:#030509;display:grid;place-items:center;margin:0;padding:30px}
@media(max-width:700px){.masthead{top:20px;left:20px}.masthead h1{font-size:40px;margin-top:13px}.masthead p{font-size:11px}.back{font-size:10px}.top-actions{right:16px;top:20px;gap:10px}.top-actions button{font-size:11px;padding:9px 11px}.live-state{display:none}.body-panel{left:16px;bottom:160px;width:210px;padding:12px 14px 10px}.body-heading{margin-bottom:10px}.body-heading select{font-size:15px}.body-facts{margin-bottom:12px}.body-hint{display:none}.body-panel input{margin-bottom:0}.view-switch{right:16px;bottom:115px}.view-switch button{padding:7px 11px;font-size:11px}.transport{bottom:41px;width:calc(100% - 32px);max-width:none;height:63px;gap:13px;padding:10px 13px}.transport-divider{display:none}.transport .text-button{font-size:10px;margin-left:0}.time{min-width:62px}.time output{font-size:16px}.speed-control{min-width:90px}.speed-control .range-label{font-size:10px}.scene-notes{bottom:6px;font-size:8px}.gesture-hint{display:none}.settings{top:66px;right:16px;width:calc(100% - 32px);max-width:340px;max-height:calc(100dvh - 145px)}body.settings-open .body-panel{visibility:hidden}}
@media(max-height:550px){.masthead h1{font-size:32px;margin-top:8px}.masthead p,.body-facts,.body-hint{display:none}.body-panel{bottom:130px;width:220px}.view-switch{bottom:130px}.settings{max-height:calc(100dvh - 130px);top:70px}.body-heading{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.mass-fact{font-size:11px;color:#c7ced9;font-variant-numeric:tabular-nums;margin:1px 0 8px}