:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#e5edf0;background:#030609;--line:#a7dbe329;--cyan:#94e7e5}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button,select,input{color:inherit;background:#07121ddd;border:1px solid var(--line);border-radius:7px;padding:10px 13px}button,a{cursor:pointer}button:hover{border-color:#94e7e5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan)}a{color:var(--cyan);text-decoration:none}#universe,#universe canvas,#labels{position:absolute;inset:0;width:100%;height:100%}#universe canvas{touch-action:none}#labels{pointer-events:none;overflow:hidden}.object-label{position:absolute;color:#dde8ec;font-size:12px;white-space:nowrap;text-shadow:0 2px 5px #000;pointer-events:auto;background:#03080b80;border:0;padding:5px;transform:translate(12px,-50%)}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:30px;padding:18px 25px;background:linear-gradient(#03080bdc,transparent);z-index:3}.brand{display:flex;gap:12px;align-items:center;font-size:26px}.brand span{font-size:13px;letter-spacing:2px;color:white}.brand b{color:var(--cyan)}nav{display:flex;gap:8px;align-items:center;flex:1}nav a,nav button{font-size:14px}nav button{background:transparent}.destination{position:absolute;left:32px;top:112px;pointer-events:none;max-width:360px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--cyan)}h1{font:400 clamp(44px,5vw,78px)/1.05 Georgia,serif;margin:13px 0}#subtitle{color:#aabdc8;font-size:16px;line-height:1.6}#panel{position:absolute;right:24px;top:156px;width:300px;max-height:calc(100vh - 335px);overflow:auto;padding:24px;background:linear-gradient(120deg,#0e1b26c9,#050b12b5);backdrop-filter:blur(15px);border:1px solid var(--line);border-radius:12px}#hidePanel{float:right;padding:0 7px;font-size:23px;border:0;background:none}#panel h2{font:32px Georgia;margin:15px 0}#fact{font-size:15px;line-height:1.7;color:#b6c6ce}#metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--line);padding-top:18px}#metrics small{display:block;color:#8199a9;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}#metrics strong{font-size:14px;font-weight:500}#moonList{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}#moonList button{font-size:12px;padding:6px 8px}#modelNote{font-size:12px;color:#8098a7;line-height:1.55}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.panel-actions button{font-size:13px;color:var(--cyan)}#showPanel{position:absolute;right:24px;top:160px}.search{position:absolute;right:24px;top:94px;width:300px;z-index:4}.search input{width:100%;background:#07121dcc;font-size:14px}#results{max-height:55vh;overflow:auto;background:#07121df5;border:1px solid var(--line);padding:5px;border-radius:7px}#results button{display:block;width:100%;text-align:left;border:0;font-size:14px}#results small{display:block;color:#7694a4;margin-top:4px}.controls{position:absolute;left:24px;bottom:112px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:calc(100% - 50px)}.controls label{font-size:12px;color:#9fb3bf;display:flex;align-items:center;gap:5px}.controls select{font-size:12px;padding:10px 5px}.controls button{font-size:14px}button.active{background:#72ded824;color:#a7ffef;border-color:#73dcd5}footer{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:#030a12c9;backdrop-filter:blur(15px);padding:13px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px}.time{display:flex;align-items:center;gap:10px}.time small{font-size:10px;color:#7394a7;letter-spacing:1px;display:block;margin-bottom:5px}.time time{font-size:13px;display:block;min-width:167px}.time select,.time input{font-size:12px}.time input{max-width:210px}#status{font-size:11px;max-width:230px;color:#829caa;text-align:right;line-height:1.6}#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#03080c;z-index:10}#loading h2{font:44px Georgia}#loading p{color:#8ca6b4}#hud{pointer-events:none;position:absolute;inset:0;border:solid #0b17247a;border-width:0 8px 30px}.reticle{position:absolute;top:48%;left:49%;font-size:30px;color:#7fe9e87a}.hud-left{position:absolute;left:28px;bottom:205px;color:#94e7e5;font-size:12px;line-height:2;letter-spacing:2px}.hud-left span{font-size:24px}.hud-left small{font-size:11px;letter-spacing:0;color:#9ab4c5}.touch-flight{display:none;position:absolute;right:20px;bottom:205px;gap:6px;grid-template-columns:1fr 1fr;pointer-events:auto}.touch-flight button{padding:14px}dialog{background:#09121e;color:#c8d7df;max-width:720px;width:calc(100% - 30px);max-height:85vh;border:1px solid #527b90;border-radius:12px;padding:30px;line-height:1.75}dialog::backdrop{background:#000a;backdrop-filter:blur(10px)}dialog button{float:right}dialog h2{font:30px Georgia}dialog p{font-size:15px}[hidden]{display:none!important}#panel img{width:100%;border-radius:5px}.credit{font-size:11px;color:#72909d}@media(max-width:850px){header{padding:12px;gap:10px;flex-wrap:wrap}header nav{order:3;width:100%;flex-basis:100%;gap:5px}header nav button,header nav a{font-size:12px;padding:7px}header #info{margin-left:auto;font-size:12px}.search{top:107px;right:12px;width:210px}.destination{top:160px;left:17px;max-width:220px}.destination h1{font-size:42px}.destination p{font-size:13px!important}.eyebrow{font-size:10px;letter-spacing:2px}#panel{top:auto;bottom:205px;right:12px;width:245px;max-height:31vh;padding:15px}#panel h2{font-size:25px}#fact{font-size:13px}.controls{bottom:128px;left:12px;gap:5px;max-width:calc(100% - 24px)}.controls button,.controls select{padding:8px;font-size:12px}.controls label{font-size:11px}footer{padding:10px 12px;display:block}.time{flex-wrap:wrap;gap:5px}.time input{max-width:170px}.time select{max-width:135px}#status{text-align:left;max-width:none;font-size:10px;margin-top:5px}#showPanel{top:160px;right:12px;font-size:12px}.hud-left{bottom:250px;left:18px;max-width:200px}.hud-left small{display:none}.touch-flight{display:grid}.object-label{font-size:11px}.brand span{font-size:11px}}