*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#01010a;overflow:hidden}.app{color:#eaf0ff;background:#01010a;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.app canvas{display:block}.loading-screen{z-index:50;opacity:1;background:radial-gradient(circle at 50% 42%,#0b1026 0%,#050718 45%,#01010a 78%);justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.loading-screen.is-hidden{opacity:0;pointer-events:none}.loading-inner{text-align:center;pointer-events:none;animation:.8s both loading-fade-in}@keyframes loading-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-orrery{width:132px;height:132px;margin:0 auto 30px;position:relative}.loading-orrery span{border-radius:50%;position:absolute;top:50%;left:50%}.loading-sun{background:radial-gradient(circle at 50% 45%,#fff3d0 0%,#ffc04a 45%,#ff8a1e 100%);width:22px;height:22px;margin:-11px 0 0 -11px;animation:2.6s ease-in-out infinite loading-sun-pulse;box-shadow:0 0 16px 4px #ffaa3cb3,0 0 36px 10px #ff8c2859}@keyframes loading-sun-pulse{0%,to{box-shadow:0 0 16px 4px #ffaa3cb3,0 0 36px 10px #ff8c284d}50%{box-shadow:0 0 20px 6px #ffbe5ad9,0 0 48px 14px #ff963273}}.loading-orbit{border:1px solid #8fa6e647}.loading-orbit-1{width:56px;height:56px;margin:-28px 0 0 -28px}.loading-orbit-2{width:92px;height:92px;margin:-46px 0 0 -46px}.loading-orbit-3{width:128px;height:128px;margin:-64px 0 0 -64px;animation:3.4s linear infinite loading-spin}.loading-planet{background:radial-gradient(circle at 35% 35%,#bcd3ff 0%,#5f86d8 60%,#36589c 100%);width:10px;height:10px;margin-left:-5px;top:-5px;left:50%;box-shadow:0 0 8px 2px #78a0ff99}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-inner h1{letter-spacing:1px;text-shadow:0 2px 18px #000c;margin:0 0 20px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600}.loading-bar{background:#7896dc29;border-radius:999px;width:240px;height:3px;margin:0 auto;overflow:hidden}.loading-bar span{background:linear-gradient(90deg,#ffb454,#ffd9a0);border-radius:999px;height:100%;transition:width .35s;display:block;box-shadow:0 0 8px #ffb45499}.loading-inner p{letter-spacing:1.5px;text-transform:uppercase;color:#eaf0ff8c;margin:16px 0 0;font-size:.82rem}.title{text-align:center;pointer-events:none;text-shadow:0 2px 12px #000c;position:absolute;top:24px;left:50%;transform:translate(-50%)}.title h1{letter-spacing:.5px;margin:0;font-size:clamp(1.4rem,4vw,2.4rem)}.title p{opacity:.75;margin:6px 0 0;font-size:.85rem}.controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10162cb3;border:1px solid #7896dc40;border-radius:999px;align-items:center;gap:22px;padding:12px 22px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.control{align-items:center;gap:10px;font-size:.85rem;display:flex}.control input[type=range]{accent-color:#ffb454;cursor:pointer;width:120px}.control .value{font-variant-numeric:tabular-nums;opacity:.85;min-width:32px}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:.85rem;display:flex}.toggle input{accent-color:#ffb454;cursor:pointer}.info-panel{overscroll-behavior:contain;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10162cd1;border:1px solid #7896dc4d;border-radius:18px;width:min(340px,84vw);max-height:min(76vh,640px);padding:24px 26px;animation:.25s slide-in;position:absolute;top:50%;right:28px;overflow-y:auto;transform:translateY(-50%);box-shadow:0 12px 40px #0009}.info-panel::-webkit-scrollbar{width:8px}.info-panel::-webkit-scrollbar-thumb{background:#7896dc66;border-radius:999px}@keyframes slide-in{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}.info-panel h2{color:#ffb454;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 12px;padding-right:28px;font-size:1.6rem;display:flex}.info-panel .badge{letter-spacing:.6px;text-transform:uppercase;color:#cdbfae;background:#cdbfae29;border:1px solid #cdbfae66;border-radius:999px;padding:2px 9px;font-size:.62rem;font-weight:700}.info-panel p{margin:0;font-size:.98rem;line-height:1.55}.info-panel .info-details{opacity:.92}.info-stats{border-top:1px solid #7896dc38;flex-direction:column;gap:11px;margin:18px 0 0;padding:16px 0 0;display:flex}.info-stat{grid-template-columns:38% 1fr;align-items:baseline;gap:10px;display:grid}.info-stat dt{text-transform:uppercase;letter-spacing:.6px;opacity:.6;font-size:.72rem}.info-stat dd{margin:0;font-size:.9rem;line-height:1.4}.info-source{opacity:.6;margin:16px 0 0;font-size:.78rem}.info-source a{color:#8fb4ff;text-underline-offset:2px;text-decoration:underline}.info-source a:hover{color:#b6cdff}.info-source a:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #8fb4ff}.info-panel .close{color:#eaf0ff;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:30px;height:30px;font-size:1.3rem;line-height:1;transition:background .15s;position:absolute;top:12px;right:14px}.info-panel .close:hover{background:#fff3}.planet-label{letter-spacing:.3px;color:#eaf0ff;white-space:nowrap;text-shadow:0 1px 4px #000000e6;background:#0a0e1e8c;border:1px solid #7896dc4d;border-radius:999px;padding:3px 11px;font-size:14px;font-weight:600;transform:translateY(-50%)}.planet-label.is-selected{color:#ffb454;border-color:#ffb454b3}.picker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10162cb3;border:1px solid #7896dc40;border-radius:16px;width:180px;padding:16px;position:absolute;top:50%;left:24px;transform:translateY(-50%);box-shadow:0 8px 32px #00000080}.picker h2{text-transform:uppercase;letter-spacing:1.5px;opacity:.6;margin:0 0 12px;font-size:.8rem}.picker ul{flex-direction:column;gap:2px;margin:0 0 12px;padding:0;list-style:none;display:flex}.picker-item{color:#eaf0ff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-family:inherit;font-size:.92rem;transition:background .15s;display:flex}.picker-item:hover{background:#ffffff14}.picker-item.is-active{color:#ffb454;background:#ffb4542e;font-weight:600}.picker .swatch{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 6px #00000080}.picker-free{color:#eaf0ff;cursor:pointer;background:#ffffff0a;border:1px solid #7896dc4d;border-radius:9px;width:100%;padding:8px;font-family:inherit;font-size:.85rem;transition:background .15s,opacity .15s}.picker-free:hover:not(:disabled){background:#ffffff1f}.picker-free:disabled{opacity:.35;cursor:default}.picker-back{color:#eaf0ff;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #7896dc4d;border-radius:9px;width:100%;margin-bottom:12px;padding:7px 10px;font-family:inherit;font-size:.82rem;transition:background .15s}.picker-back:hover{background:#ffffff1f}.picker-empty{opacity:.6;margin:0 0 12px;padding:4px 2px;font-size:.85rem}