:root{color-scheme:dark;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#050510;color:#f0f0f0;overflow-x:hidden}.stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2}to{opacity:1}}.app{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem}.header{text-align:center;padding:2rem 1rem 1rem}.header h1{font-size:clamp(1.6rem,5vw,2.8rem);font-weight:800;background:linear-gradient(135deg,gold,#ff8c00,#ff4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em}.subtitle{font-size:clamp(.9rem,2.5vw,1.2rem);color:#ffffffb3;margin-bottom:1rem}.pause-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1.2rem;border-radius:2rem;cursor:pointer;font-size:.9rem;transition:all .2s}.pause-btn:hover{background:#fff3;border-color:#fff6}.solar-system-wrapper{width:100%;max-width:1100px;aspect-ratio:1;max-height:70vh;display:flex;align-items:center;justify-content:center;margin:1rem auto;overflow:hidden;position:relative}.solar-system{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.solar-system.paused .orbit-trail,.solar-system.paused .planet-label-orbit{animation-play-state:paused!important}.sun{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff8dc,gold,#ff8c00,#ff4500);z-index:10;display:flex;align-items:center;justify-content:center;animation:sun-pulse 3s ease-in-out infinite}.sun-glow{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,0,.3),rgba(255,140,0,.1),transparent 70%);animation:glow-pulse 4s ease-in-out infinite}.sun-label{font-size:.65rem;font-weight:700;color:#1a0a00;text-transform:uppercase;letter-spacing:.05em;z-index:1}@keyframes sun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}.orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}.orbit-trail{position:absolute;border-radius:50%;animation:orbit-rotate linear infinite;pointer-events:none}@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.planet{position:absolute;top:-5px;left:50%;transform:translate(-50%);border-radius:50%;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;pointer-events:auto;z-index:5}.planet:hover{transform:translate(-50%) scale(1.4);z-index:20}.planet-label-orbit{position:absolute;border-radius:50%;animation:orbit-rotate linear infinite;pointer-events:none}.planet-label{position:absolute;top:-22px;left:50%;transform:translate(-50%);white-space:nowrap;color:#fff9;font-weight:600;pointer-events:none;text-shadow:0 0 4px rgba(0,0,0,.8)}.planet-legend{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem;max-width:800px}.legend-item{display:flex;align-items:center;gap:.4rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:.35rem .8rem;cursor:pointer;transition:all .2s;color:#fff;font-size:.85rem}.legend-item:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.legend-dot{border-radius:50%;display:inline-block;flex-shrink:0}.legend-name{font-weight:500}.planet-card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.planet-card{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.15);border-radius:1.25rem;max-width:420px;width:100%;padding:2rem;position:relative;animation:slideUp .3s ease-out;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn:hover{background:#ffffff40}.planet-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.planet-emoji{font-size:3rem;line-height:1}.planet-card-header h2{font-size:1.6rem;font-weight:700;margin:0}.nickname{color:#ffffff80;font-size:.9rem;font-style:italic}.planet-card-body{display:flex;flex-direction:column;gap:.6rem}.fact-row{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.9rem;gap:1rem}.fact-row span:last-child{text-align:right;color:#fffc}.fact-label{font-weight:700;color:gold;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.fun-fact{background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:.75rem;padding:1rem;margin-top:.5rem}.fun-fact .fact-label{display:block;margin-bottom:.4rem}.fun-fact p{color:#ffffffd9;font-size:.95rem;line-height:1.5;margin:0}.did-you-know{max-width:900px;width:100%;padding:2rem 1rem;text-align:center}.did-you-know h2{font-size:clamp(1.3rem,3vw,2rem);font-weight:700;margin-bottom:1.2rem;background:linear-gradient(135deg,#87ceeb,#4fc3f7,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.fact-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem 1rem;transition:all .2s;text-align:center}.fact-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-3px)}.fact-card-emoji{font-size:2.2rem;display:block;margin-bottom:.7rem}.fact-card p{color:#ffffffbf;font-size:.9rem;line-height:1.5}.footer{padding:2rem 1rem;text-align:center}.footer p{color:#fff6;font-size:.9rem;font-style:italic}@media(max-width:768px){.solar-system-wrapper{max-height:50vh}.sun{width:40px;height:40px}.sun-glow{width:70px;height:70px}.sun-label{font-size:.5rem}.planet-label{display:none}}