:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#000;color:#fafafa;overflow-x:hidden}.universe-app{min-height:100vh;position:relative;overflow:hidden}.stars-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--dur) ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:var(--min-o);transform:scale(1)}to{opacity:1;transform:scale(1.3)}}.shooting-star{position:fixed;width:120px;height:2px;background:linear-gradient(90deg,#fff0,#fff);border-radius:2px;opacity:0;animation:shoot 1.2s ease-out forwards;pointer-events:none;z-index:5}.shooting-star:after{content:"";position:absolute;right:0;top:-2px;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 12px 4px #fff9}@keyframes shoot{0%{opacity:0;transform:translate(0) translateY(0)}10%{opacity:1}to{opacity:0;transform:translate(400px) translateY(200px)}}.nebula{position:fixed;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;animation:nebula-drift 20s ease-in-out infinite alternate}@keyframes nebula-drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.1)}}.moon-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.moon{width:220px;height:220px;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 35%,beige,#d4c896 40%,#b8a96e,#8a7d5a);box-shadow:0 0 40px 10px #ffffc826,0 0 100px 40px #ffffc814,0 0 200px 80px #ffffc80a,inset -30px -30px 60px #0006;animation:moon-glow 4s ease-in-out infinite alternate}@keyframes moon-glow{0%{box-shadow:0 0 40px 10px #ffffc826,0 0 100px 40px #ffffc814,0 0 200px 80px #ffffc80a,inset -30px -30px 60px #0006}to{box-shadow:0 0 60px 15px #ffffc833,0 0 120px 50px #ffffc81a,0 0 250px 100px #ffffc80f,inset -30px -30px 60px #0006}}.crater{position:absolute;border-radius:50%;background:radial-gradient(circle,#00000026,#0000000d 70%);box-shadow:inset 1px 1px 3px #0003}.moon-shadow{position:absolute;border-radius:50%;background:#0009;box-shadow:inset -5px -5px 15px #000c;z-index:1}.sun{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff8e1,#ffcc02,#ff9800 60%,#e65100);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;box-shadow:0 0 60px 20px #ff98004d,0 0 150px 60px #ff980026,0 0 300px 120px #ff980014;animation:sun-pulse 3s ease-in-out infinite alternate}@keyframes sun-pulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.05)}}.planet{position:absolute;border-radius:50%;z-index:2}.planet-ring{position:absolute;border:2px solid rgba(255,255,255,.2);border-radius:50%;transform:rotateX(70deg);top:50%;left:50%}.galaxy{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.05);top:50%;left:50%;transform:translate(-50%,-50%);animation:galaxy-spin var(--dur) linear infinite}@keyframes galaxy-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.galaxy-arm{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 4px 1px #fff6}.aurora-container{position:fixed;bottom:0;left:0;right:0;height:40%;pointer-events:none;z-index:1;overflow:hidden}.aurora-band{position:absolute;bottom:0;width:200%;height:100%;animation:aurora-wave 8s ease-in-out infinite;opacity:.3}@keyframes aurora-wave{0%,to{transform:translate(-10%) skew(-5deg)}50%{transform:translate(5%) skew(5deg)}}.scene-nav{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:100;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.5rem 1rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1)}.scene-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:.4rem 1rem;border-radius:1.5rem;cursor:pointer;font-size:.8rem;font-family:inherit;letter-spacing:.03em;transition:all .3s}.scene-btn:hover{color:#fff;border-color:#fff6}.scene-btn.active{background:#ffffff1f;color:#fff;border-color:#ffffff80}.scene-title{position:fixed;top:2.5rem;left:50%;transform:translate(-50%);z-index:100;text-align:center;pointer-events:none}.scene-title h1{font-size:2rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 0 30px rgba(255,255,255,.15);animation:title-fade .8s ease-out}.scene-title p{font-size:.85rem;color:#fff6;letter-spacing:.1em;margin-top:.4rem}@keyframes title-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.meteor{position:fixed;width:80px;height:1.5px;background:linear-gradient(90deg,#ffc86400,#ffc864cc);border-radius:2px;opacity:0;animation:meteor-fall var(--dur) ease-in forwards;animation-delay:var(--delay);pointer-events:none;z-index:5}@keyframes meteor-fall{0%{opacity:0;transform:translate(0) rotate(var(--angle))}10%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--angle))}}.comet{position:fixed;pointer-events:none;z-index:5;animation:comet-orbit 12s linear infinite}.comet-head{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#aaf 60%,transparent 100%);box-shadow:0 0 15px 5px #96b4ff66}.comet-tail{position:absolute;top:2px;right:8px;width:120px;height:4px;background:linear-gradient(90deg,#96b4ff00,#96b4ff4d);border-radius:2px;filter:blur(1px);transform-origin:right center}@keyframes comet-orbit{0%{top:10%;left:-10%;transform:rotate(-20deg)}50%{top:40%;left:60%}to{top:70%;left:120%;transform:rotate(-20deg)}}.scene-transition{animation:scene-in .6s ease-out}@keyframes scene-in{0%{opacity:0}to{opacity:1}}