body{margin:0;overflow:hidden;background:#000;font-family:Arial,sans-serif}.controls{position:fixed;padding:1rem;left:0;right:0;top:0;display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;z-index:100}.controls button.is-active{background:rgba(var(--planet-rgb),.28);border-color:rgb(var(--planet-rgb));box-shadow:0 0 18px rgba(var(--planet-rgb),.45);text-shadow:0 0 8px rgba(var(--planet-rgb),.85)}#orbit-overview{--planet-rgb: 74, 143, 255;border-color:#4a8fff73;color:#a0c8ffe6;margin-right:.4rem}body.is-explo-mode #orbit-overview{display:none}.button{--planet-rgb: 100, 150, 255;padding:.55rem 1rem;background:#000000a6;border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;font-size:.9rem;border-radius:.5rem;transition:background .25s,border-color .25s,box-shadow .25s,color .25s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:5rem}.button:hover:not(.is-active){background:rgba(var(--planet-rgb),.14);border-color:rgba(var(--planet-rgb),.6);box-shadow:0 0 14px rgba(var(--planet-rgb),.22)}#mode-controls{position:fixed;bottom:1rem;left:1rem;z-index:100}.mode-seg{display:flex;background:#040612b3;border:1px solid rgba(255,255,255,.12);border-radius:.6rem;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 16px #00000073}.mode-btn{padding:.45rem 1rem;background:transparent;border:none;border-right:1px solid rgba(255,255,255,.09);color:#ffffff6b;cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.04em;white-space:nowrap;font-family:inherit;transition:background .2s,color .2s}.mode-btn:last-child{border-right:none}.mode-btn:hover:not(.is-active):not(:disabled){background:#ffffff0f;color:#ffffffbf}.mode-btn:disabled{color:#fff3;cursor:not-allowed;background:transparent}.mode-btn.is-active[data-mode=educ]{background:#4a8fff33;color:#a0c8ff}.mode-btn.is-active[data-mode=explo]{background:#50c86e33;color:#78ff96}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;justify-content:center;align-items:center;color:#fff;z-index:1000;transition:opacity .5s}.loader-content{text-align:center;padding:20px}.progress-bar{width:200px;height:4px;background:#333;margin:20px auto;overflow:hidden}.progress{height:100%;background:#fff;width:0%;transition:width .3s}#fullscreen-btn{position:fixed;font-size:2.6rem;bottom:1rem;right:1rem;padding:.4rem;background:#00000073;border:none;color:#fff9;border-radius:50%;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:color .25s,transform .25s}#fullscreen-btn:hover{color:#fff;transform:scale(1.1)}#credits-btn{position:fixed;bottom:1.35rem;right:4.5rem;width:2rem;height:2rem;padding:0;font-size:1.35rem;line-height:1;background:#00000073;border:none;color:#ffffff80;border-radius:50%;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:color .25s,transform .25s}#credits-btn:hover{color:#fff;transform:scale(1.1)}#credits-popover{position:fixed;bottom:4rem;right:1rem;z-index:101;max-width:min(20rem,calc(100vw - 2rem));padding:.9rem 1.05rem;background:#040612d9;border:1px solid rgba(255,255,255,.12);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 32px #0000008c;color:#d7e8ffe6;font-size:.8rem;line-height:1.45}.credits-title{margin:0;font-size:.9rem;font-weight:600;color:#a0c8fff2}.credits-copy{margin:.15rem 0 .7rem;color:#ffffff8c}.credits-list{display:grid;grid-template-columns:auto 1fr;gap:.15rem .6rem;margin:0}.credits-list dt{color:#fff6}.credits-list dd{margin:0}#credits-popover a{color:#78aafff2;text-decoration:none}#credits-popover a:hover{text-decoration:underline}.credits-donate{display:inline-block;margin-top:.8rem;padding:.35rem .75rem;border-radius:999px;background:#4a8fff2e;border:1px solid rgba(74,143,255,.5);color:#b4d2ff!important;font-weight:600}#time-panel{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:100;min-width:13rem;display:flex;flex-direction:column;align-items:stretch;background:#04061299;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 32px #0000008c,inset 0 1px #ffffff0d;overflow:hidden;--accent: 74, 143, 255;--green: 80, 200, 110}#playback-row{display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem}.tp-flex1{flex:1}#datetime-panel{display:flex;flex-direction:column;align-items:center;max-height:0;overflow:hidden;opacity:0;border-top:1px solid transparent;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,border-color .3s ease}#datetime-panel.is-open{max-height:5rem;opacity:1;border-top-color:#ffffff0f}#clock-row{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .9rem .08rem}.tp-clock-input{color-scheme:dark;background:transparent;border:none;outline:none;font-family:SF Mono,Cascadia Code,Fira Mono,monospace;font-size:1.25rem;font-weight:300;letter-spacing:.04em;color:#d7e8fff5;cursor:pointer;padding:.03rem .2rem;border-radius:.4rem;transition:background .15s}.tp-clock-input::-webkit-calendar-picker-indicator{display:none}.tp-clock-input:hover:not(:focus){background:rgba(var(--accent),.09)}.tp-clock-input:focus{background:rgba(var(--accent),.12);outline:none}@keyframes clock-tick{0%{box-shadow:0 0 0 1.5px rgba(var(--accent),.4)}to{box-shadow:0 0 rgba(var(--accent),0)}}.tp-clock-input.is-ticking{animation:clock-tick .5s ease-out}.disp-utc{font-size:.47rem;font-family:sans-serif;letter-spacing:.15em;font-weight:700;color:#ffffff2e;align-self:flex-end;padding-bottom:.25rem;-webkit-user-select:none;user-select:none}#calendar-row{display:flex;justify-content:center;padding:.04rem .9rem .38rem}.tp-date-input{color-scheme:dark;background:transparent;border:none;outline:none;font-family:SF Mono,Cascadia Code,Fira Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#96b4e180;cursor:pointer;padding:.06rem .35rem;border-radius:.3rem;transition:background .15s,color .15s}.tp-date-input::-webkit-calendar-picker-indicator{display:none}.tp-date-input:hover:not(:focus){background:rgba(var(--accent),.08);color:#96b4e1d9}.tp-date-input:focus{background:rgba(var(--accent),.1);outline:none}@keyframes date-pop{0%{color:rgba(var(--accent),.9);letter-spacing:.2em}to{color:#96b4e18c;letter-spacing:.14em}}.tp-date-input.is-ticking{animation:date-pop .55s ease-out}.tp-live-dot{width:.38rem;height:.38rem;border-radius:50%;flex-shrink:0;background:rgba(var(--green),.8);opacity:0;transition:opacity .3s,background .4s}.tp-live-dot.is-live{opacity:1;animation:tp-pulse 2s ease-in-out infinite}.tp-live-dot.is-off-time{opacity:.45;background:#a0a0aa80;animation:none}@keyframes tp-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.2;transform:scale(.55)}}.tp-btn{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:#fff;font-family:inherit;line-height:1;transition:background .15s ease,color .15s ease;background:transparent}.tp-play{width:1.8rem;height:1.8rem;flex-shrink:0;border-radius:50%;background:rgba(var(--accent),.12);border:1px solid rgba(var(--accent),.3)!important;color:rgba(var(--accent),.9)}.tp-play svg{width:9px;height:10px}.tp-play:hover{background:rgba(var(--accent),.24);color:#b4d2ff}.tp-play.is-paused{background:#dc46461a;border-color:#ff64644d!important;color:#ff7878eb}.tp-play.is-paused:hover{background:#dc464638;color:#faa}.speed-group{display:flex;gap:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:.45rem;overflow:hidden}.tp-speed{padding:0 .65rem;height:1.8rem;font-size:.7rem;font-weight:700;letter-spacing:.03em;color:#ffffff52;background:transparent;border-right:1px solid rgba(255,255,255,.08)!important;white-space:nowrap}.tp-speed:last-child{border-right:none!important}.tp-speed:hover:not(.is-active){background:#ffffff12;color:#ffffffb3}.tp-speed.is-active{background:rgba(var(--accent),.22);color:#a0c8ff}.tp-speed.is-simutime.is-active{background:rgba(var(--green),.18);color:#78ff96}.tp-reset-inline{width:1.8rem;height:1.8rem;flex-shrink:0;border-radius:50%;font-size:.85rem;color:rgba(var(--green),.6);background:rgba(var(--green),.06);border:1px solid rgba(var(--green),.18)!important;transition:background .15s,color .15s}.tp-reset-inline:hover{background:rgba(var(--green),.18);color:#82ffa0f2}@media (max-width: 640px){.controls{padding:.5rem .55rem;gap:.4rem;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.1rem,#000 calc(100% - 1.1rem),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 1.1rem,#000 calc(100% - 1.1rem),transparent 100%)}.controls::-webkit-scrollbar{display:none}.button{flex:0 0 auto;font-size:.82rem;padding:.55rem .85rem;min-width:auto;scroll-snap-align:center}#fullscreen-btn{font-size:1.9rem}#fps-counter{display:none!important}#time-panel{bottom:.5rem;min-width:12rem}#mode-controls{left:50%;right:auto;transform:translate(-50%);bottom:6.4rem}.mode-btn{padding:.4rem .9rem;font-size:.74rem}#playback-row{padding:.25rem .42rem;gap:.25rem}.tp-play,.tp-reset-inline{width:1.65rem;height:1.65rem}.tp-speed{padding:0 .5rem;height:1.65rem;font-size:.63rem}.tp-clock-input{font-size:1.1rem}.tp-date-input{font-size:.6rem}#clock-row{padding:.35rem .75rem .06rem}#calendar-row{padding:.03rem .75rem .32rem}}#explo-hud{position:fixed;top:4rem;right:1rem;z-index:30;min-width:12rem;padding:.6rem .85rem;background:#040612b3;border:1px solid rgba(120,180,255,.25);border-radius:.6rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 16px #00000073;color:#c8e1ffe6;font-family:Arial,sans-serif;opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}#explo-hud.is-visible{opacity:1;transform:translateY(0)}.explo-hud-title{font-size:.6rem;letter-spacing:.18em;color:#8cb4ff8c}.explo-hud-target{font-size:1.15rem;font-weight:700;color:#dcebff;margin:.1rem 0 .35rem;text-shadow:0 0 10px rgba(120,180,255,.5)}.explo-hud-line{font-size:.72rem;color:#b4d2ffd1;line-height:1.5}#explo-hud.is-free .explo-hud-target{color:#c8e1ff8c}#smallbody-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;pointer-events:none;opacity:0;transition:opacity .3s ease}#smallbody-overlay.is-visible{opacity:1}#explo-labels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;opacity:0;transition:opacity .3s ease}#explo-labels.is-visible{opacity:1}.explo-label{position:absolute;top:0;left:0;display:none;align-items:center;gap:.3rem;margin:-4px 0 0 -4px;white-space:nowrap;pointer-events:auto;padding:2px 4px;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.explo-label:focus-visible{outline:2px solid #ffd27a;outline-offset:1px;border-radius:4px}.explo-label:hover .explo-label-text{color:#ffe6b0}.explo-label-dot{width:7px;height:7px;border-radius:50%;background:#a0c8ffe6;box-shadow:0 0 8px #78b4ffe6;flex:none}.explo-label-text{font-family:Arial,sans-serif;font-size:.66rem;color:#c8e1ffc7;text-shadow:0 0 6px rgba(0,0,0,.9)}.explo-label.is-target .explo-label-dot{background:#ffd27a;box-shadow:0 0 10px #ffc85a}.explo-label.is-target .explo-label-text{color:#ffe6b0;font-weight:700}