* { margin:0; padding:0; box-sizing:border-box; font-family:'Poppins',sans-serif; }
body { min-height:100vh; background: linear-gradient(270deg,#ff007a,#00fff0,#ffec00,#00b3ff); background-size:800% 800%; animation:rainbow 10s ease infinite; color:white; text-align:center; transition:background 1s ease; }
@keyframes rainbow{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
body.dark{background:black;color:white;animation:none;}
#loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:black;color:white;}
.loader{width:60px;height:60px;border:5px solid white;border-top:5px solid #00fff0;border-radius:50%;animation:spin 1s linear infinite;margin-top:20px;}
@keyframes spin{100%{transform:rotate(360deg);}}
.hidden{display:none;}
.title{font-size:2.5em;margin-top:20px;text-shadow:0 0 10px #fff,0 0 20px #00fff0;}
.subtitle{font-style:italic;margin-bottom:20px;}
.stars{display:flex;flex-wrap:wrap;justify-content:center;margin:20px;}
.star{font-size:2em;margin:10px;cursor:pointer;transition:transform 0.2s;}
.star:hover{transform:scale(1.4);}
#message{margin:20px;font-size:1.2em;}
.share-buttons img{width:35px;height:35px;margin:5px;background:white;border-radius:50%;padding:5px;transition:0.3s;}
.share-buttons img:hover{transform:scale(1.2);}
footer{margin-top:40px;font-size:0.9em;opacity:0.8;}