*,:before,:after{box-sizing:border-box}html,body,#root{background:#01020a;width:100%;height:100%;margin:0;padding:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#e8eaf2;-webkit-font-smoothing:antialiased;background:#01020a;width:100%;height:100%;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.landing-shell{background:radial-gradient(circle at 30% 30%,#5a6eff38,#0000 30%),radial-gradient(circle at 70% 60%,#ff782829,#0000 24%),#02040c;justify-content:center;align-items:center;position:relative}.landing-backdrop{opacity:.3;background:radial-gradient(circle,#ffffff14 0 1px,#0000 1px) 0 0/42px 42px,0 0;position:absolute;inset:0}.hero-panel{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050816b8;border:1px solid #7896ff29;border-radius:28px;width:min(720px,100vw - 40px);padding:38px 34px;position:relative;box-shadow:0 30px 80px #00000073}.hero-kicker{color:#8aa2ff;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:12px}.hero-title{color:#f7f9ff;margin-bottom:16px;font-size:clamp(36px,7vw,72px);line-height:.96}.hero-desc{color:#aeb9da;max-width:56ch;font-size:15px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.enter-btn,.skip-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5f7bff,#8b5cf6);border:0;border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:0 18px 40px #5c6eff57}.hero-badges{flex-wrap:wrap;gap:10px;display:flex}.hero-badges span{color:#c7d3f8;background:#0d1226b8;border:1px solid #7896ff2e;border-radius:999px;padding:8px 12px;font-size:12px}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#01020cd1;border-bottom:1px solid #6482ff26;flex-shrink:0;align-items:center;gap:10px;padding:10px 20px;display:flex}.logo-dot{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#6d8dff,#9f5cff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 0 16px #786eff57}.site-title{color:#f0f4ff;letter-spacing:.01em;font-size:16px;font-weight:700}.site-sub{color:#7080aa;letter-spacing:.04em;font-size:12px}.canvas-wrap{flex:1;position:relative;overflow:hidden}.canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.planet-label{color:#dce6ff;letter-spacing:.05em;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050816bf;border:1px solid #a0b4ff61;border-radius:999px;padding:4px 11px;font-family:inherit;font-size:11px;font-weight:500;transition:background .15s,border-color .15s;box-shadow:0 4px 16px #00000059}.planet-label:hover{background:#1e326ed9;border-color:#a0c8ffb3}.moon-label{color:#eef3ff;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a16b8;border:1px solid #8ca0dc52;border-radius:999px;padding:3px 9px;font-size:10px;box-shadow:0 4px 12px #00000047}.loading-overlay{pointer-events:none;z-index:40;background:radial-gradient(circle,#01020a14,#01020a38);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.loading-orb{background:radial-gradient(circle,#ffd060,#f70);border-radius:50%;width:22px;height:22px;animation:1.4s ease-in-out infinite pulse-orb;box-shadow:0 0 18px #ffa028cc}.loading-text{color:#e2eaffb3;letter-spacing:.08em;text-transform:uppercase;font-size:12px}@keyframes pulse-orb{0%,to{opacity:.8;transform:scale(.92)}50%{opacity:1;transform:scale(1.14)}}.scene-note{z-index:30;color:#c9d7ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050816bd;border:1px solid #7896ff33;border-radius:16px;flex-direction:column;gap:4px;max-width:420px;padding:12px 14px;font-size:12px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 8px 24px #00000052}.scene-note strong{color:#f2f6ff;font-size:13px}.scene-note span{color:#afbddf;line-height:1.55}.overlay-controls{z-index:30;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;top:16px;right:16px}.overlay-controls.collapsed{gap:0}.overlay-controls-toggle{pointer-events:all;color:#cdd8ff;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030512d1;border:1px solid #6482ff47;border-radius:12px;width:42px;height:42px;font-family:inherit;font-size:22px;line-height:1;box-shadow:0 8px 32px #0006}.overlay-controls-toggle:hover{background:#1c244ce6;border-color:#78a0ff75}.planet-list-panel,.quality-control{pointer-events:all;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030512d1;border:1px solid #6482ff2e;border-radius:14px;padding:12px 14px;box-shadow:0 8px 32px #0006}.quality-title{color:#6070a0;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.quality-buttons{gap:8px;display:flex}.planet-list-title{color:#6070a0;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.planet-list-items{gap:8px;display:grid}.planet-list-btn{text-align:left;color:#cfdbff;cursor:pointer;background:#12183280;border:1px solid #5064c847;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.planet-list-btn.active{background:#3c64ff2e;border-color:#6496ff8f}.planet-list-dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 10px}.planet-list-dot-sun{box-shadow:0 0 12px #ffb347,0 0 22px #ffaa3c8c}.planet-list-label{line-height:1.4}.quality-btn{color:#7d8fc6;text-transform:uppercase;cursor:pointer;background:#141c3c99;border:1px solid #5064c866;border-radius:999px;padding:5px 10px;font-size:11px}.quality-btn.active{color:#a0c0ff;background:#3c64ff40;border-color:#6496ff99}.controls{pointer-events:all;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030512d1;border:1px solid #6482ff2e;border-radius:14px;min-width:200px;padding:14px 16px;box-shadow:0 8px 32px #0006}.ctrl-title{letter-spacing:.12em;text-transform:uppercase;color:#6070a0;margin-bottom:12px;font-size:11px;font-weight:600}.ctrl-row{color:#b0bcdc;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.ctrl-row:last-child{margin-bottom:0}.toggle{color:#5060a0;cursor:pointer;letter-spacing:.05em;background:#141c3c99;border:1px solid #5064c866;border-radius:999px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.toggle.on{color:#a0c0ff;background:#3c64ff40;border-color:#6496ff99}.speed-row{flex-direction:column;align-items:flex-start;gap:6px}.speed-slider{accent-color:#6090ff;cursor:pointer;width:100%}.intro-overlay{z-index:35;pointer-events:none;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.intro-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:all;background:#030514c7;border:1px solid #7896ff2e;border-radius:20px;width:min(520px,100%);padding:24px;box-shadow:0 24px 60px #00000073}.intro-step{color:#8aa2ff;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.intro-title{color:#f5f8ff;margin-bottom:10px;font-size:30px;line-height:1.05}.intro-text{color:#b3bedf;margin-bottom:16px;font-size:14px;line-height:1.7}.info-modal-shell{z-index:45;justify-content:center;align-items:stretch;padding:12px;display:flex;position:absolute;inset:0}.info-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02040e99;position:absolute;inset:0}.info-panel{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#030514f0;border:1px solid #7896ff33;border-radius:24px;flex-direction:column;width:calc(100vw - 24px);max-width:none;height:calc(100vh - 24px);max-height:none;padding:26px;animation:.22s slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #0000008c}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.info-close{color:#5060a0;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1;transition:color .15s;position:absolute;top:12px;right:14px}.info-close:hover{color:#a0b0e0}.info-layout{flex:1;grid-template-columns:minmax(0,1.9fr) minmax(380px,1fr);align-items:stretch;gap:22px;height:100%;min-height:0;display:grid}.info-sim-col,.info-meta-col{min-width:0;min-height:0}.info-sim-col{min-height:0;display:flex}.info-meta-col{grid-auto-rows:max-content;align-content:start;gap:14px;min-height:0;padding-right:4px;display:grid;overflow:auto}.info-dot{border-radius:50%;width:14px;height:14px;margin-bottom:2px;box-shadow:0 0 12px 3px}.info-name{color:#e8eeff;letter-spacing:-.01em;margin-bottom:8px;font-size:22px;font-weight:700}.info-desc{color:#8090c0;margin-bottom:16px;font-size:13px;line-height:1.65}.info-stats{align-content:start;gap:8px;display:grid}.stat{background:#1e285066;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.stat-label{color:#6070a0}.stat-val{color:#a0bcff;font-variant-numeric:tabular-nums;font-weight:600}.planet-sim{flex:1;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;height:100%;min-height:0;display:grid}.planet-sim-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.planet-sim-kicker{color:#7b8ecf;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.planet-sim-head h3{color:#eef3ff;font-size:18px}.planet-sim-time{color:#8da0d6;white-space:nowrap;font-size:11px}.planet-sim-stage{background:radial-gradient(circle at 30% 26%,#5e7dff3d,#0000 24%),radial-gradient(circle at 70% 70%,#00dcff1a,#0000 30%),linear-gradient(#030612fa,#080c20f5);border:1px solid #7a92ff29;border-radius:20px;height:100%;min-height:0;position:relative;overflow:hidden}.planet-sunlight{mix-blend-mode:screen;filter:blur(6px);will-change:transform, opacity;background:linear-gradient(100deg,#ffda8a75,#ffda8a1f 38%,#0000 78%);width:72%;animation:8.5s linear infinite sunlight-sweep;position:absolute;top:-12%;bottom:-12%;left:-45%}@keyframes sunlight-sweep{0%{transform:translate(-8%)skew(-12deg)}50%{transform:translate(118%)skew(-12deg)}50.01%{transform:translate(-18%)skew(-12deg)}to{transform:translate(108%)skew(-12deg)}}.nebula-band{filter:blur(18px);opacity:.5;border-radius:999px;position:absolute}.nebula-band-a{background:radial-gradient(circle,#6c46ff57,#0000 70%);width:180px;height:80px;top:16px;right:24px}.nebula-band-b{background:radial-gradient(circle,#24a6ff3d,#0000 70%);width:210px;height:90px;bottom:14px;left:20px}.planet-wrap{aspect-ratio:1;width:min(44vh,34vw,420px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.planet-render,.planet-clouds,.planet-atmosphere,.aurora-ring{border-radius:50%;position:absolute;inset:0}.planet-render{will-change:transform;background-position:50%;background-size:cover;animation:linear infinite planet-spin;box-shadow:inset -32px -18px 60px #00000073,0 0 42px #6692ff38}.planet-clouds{opacity:.38;mix-blend-mode:screen;will-change:transform;background-position:50%;background-size:cover;animation:linear infinite reverse cloud-drift}.planet-atmosphere{border:10px solid #82beff1c;box-shadow:0 0 28px #7bacff2e}.aurora-ring{filter:blur(2px);border-top:10px solid #3cffa06b;border-bottom:10px solid #60dcff33}.planet-rings{border:18px solid #d6be7a4d;border-radius:50%;width:300px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:0 0 26px #d8c18a2e}.sun-corona-ring{border:14px solid #ff781e2e;border-radius:50%;animation:3.2s ease-in-out infinite sun-pulse;position:absolute;inset:-8%;box-shadow:0 0 48px #ff7a2457,inset 0 0 24px #ffc85a2e}.sun-flare-arc{transform-origin:50%;width:112%;height:112%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-flare-arc:before{content:"";filter:blur(1px);background:radial-gradient(circle at 30%,#fff5d2f2,#ffa649b8 45%,#ff6e1c24 100%);border-radius:999px;width:28%;height:12%;position:absolute;top:20%;right:3%;box-shadow:0 0 28px #ffa64961}.sun-flare-core{background:radial-gradient(circle,#fffae0f0,#ff963d6b 65%,#0000 100%);border-radius:50%;width:10%;height:10%;position:absolute;top:32%;right:10%;box-shadow:0 0 24px #ffb6537a}.sunspot-band{filter:blur(2px);mix-blend-mode:multiply;transform-origin:50%;background:radial-gradient(circle,#220a05e6,#43160a9e 55%,#43160a05 100%);border-radius:999px;position:absolute;left:50%}.sunspot-band-a{width:34%;height:9%;top:38%}.sunspot-band-b{width:24%;height:7%;top:56%}@keyframes sun-pulse{0%,to{opacity:.72;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}.moon-orbit-track{border:1px dashed #b6c8ff57;border-radius:50%;width:min(68vh,52vw,620px);height:min(28vh,20vw,240px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.moon-orbit-arm{transform-origin:50%;will-change:transform;width:min(68vh,52vw,620px);height:min(28vh,20vw,240px);animation:linear infinite moon-orbit;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.moon-render{background:radial-gradient(circle at 35% 35%,#fff,#d5d8e3 44%,#8f95aa 100%);border-radius:50%;width:26px;height:26px;position:absolute;top:50%;right:-13px;transform:translateY(-50%);box-shadow:0 0 18px #ffffff57}@keyframes planet-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cloud-drift{0%{transform:rotate(0)scale(1.01)}to{transform:rotate(360deg)scale(1.01)}}@keyframes moon-orbit{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.planet-sim-desc{color:#95a5d3;font-size:13px;line-height:1.7}.planet-sim-grid{grid-template-columns:repeat(1,minmax(0,1fr));align-content:start;gap:8px;display:grid}.info-panel:has(.sun-corona-ring){border-color:#ffa24461;box-shadow:0 30px 70px #00000073,0 0 44px #ff7e2624}@media (width<=900px){.info-layout{grid-template-columns:1fr}}@media (width<=600px){.site-sub{display:none}.scene-note{max-width:54vw;font-size:11px}.hero-panel{padding:26px 22px}.hero-desc{font-size:14px}.controls{min-width:160px;padding:10px 12px}.info-modal-shell{padding:8px}.info-panel{width:calc(100vw - 16px);height:calc(100vh - 16px);padding:18px}.planet-sim-head{flex-direction:column}.planet-sim-stage{min-height:280px}.planet-wrap{width:min(54vw,240px)}.moon-orbit-track,.moon-orbit-arm{width:min(78vw,320px);height:min(34vw,140px)}.planet-sim-grid,.info-stats{grid-template-columns:1fr}.planet-sim-time{white-space:normal}}