html,body{margin:0;height:100%;overflow:hidden;font-family:Segoe UI,Arial}.scene{position:relative;width:100vw;height:100vh}.sky{position:absolute;inset:0;background:linear-gradient(#6fb6ff,#b7e2ff)}.stars{position:absolute;inset:0;opacity:0}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 2s infinite alternate}@keyframes twinkle{from{opacity:.15}to{opacity:1}}.sun{position:absolute;left:50%;top:50%;width:min(220px,34vw);height:min(220px,34vw);transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 40px #fff,0 0 140px #fff,0 0 320px rgba(255,255,255,.8)}.corona{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1200px,170vw);height:min(1200px,170vw);border-radius:50%;filter:blur(90px);opacity:.15;background:conic-gradient(from 0deg,rgba(255,255,255,.15),rgba(180,220,255,.7),rgba(255,255,255,.1),rgba(180,220,255,.6),rgba(255,255,255,.2))}.moon{position:absolute;border-radius:50%;background:#050505}.ring{position:absolute;width:80px;height:80px;border-radius:50%;background:#fff;opacity:0;box-shadow:0 0 25px #fff,0 0 90px #fff,0 0 200px #fff}.controls{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:rgba(0,0,0,.35);padding:10px;border-radius:25px;color:#fff}.panel{display:none;position:absolute;right:10px;top:60px;background:rgba(0,0,0,.55);color:#fff;padding:10px;border-radius:8px;max-width:320px}#infoBtn{position:absolute;right:10px;top:10px}@media(max-width:700px){.controls{width:95vw;flex-wrap:wrap}.controls input[type=range]{width:100%}}