@import"https://fonts.googleapis.com/css2?family=Amarante&family=Beau+Rivage&family=Delius+Swash+Caps&family=Libertinus+Sans:ital,wght@0,400;0,700;1,400&family=Parisienne&display=swap";.ai-reading{font-family:Libertinus Sans,sans-serif;font-size:1.3rem;margin-top:25px;padding:15px;border:1px solid #6a6abf;border-radius:10px;background:#4a4a8a;color:#ceaee4;font-style:italic;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center;line-height:2}.spinner{display:flex;gap:10px;align-items:center;justify-content:center}.spinner .star{width:25px;height:25px;background:radial-gradient(circle,#fff 30%,transparent 70%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.3;transform:scale(1);animation:twinkle 1.2s infinite}.spinner .star:nth-child(1){animation-delay:0s}.spinner .star:nth-child(2){animation-delay:.2s}.spinner .star:nth-child(3){animation-delay:.4s}.spinner .star:nth-child(4){animation-delay:.6s}.spinner .star:nth-child(5){animation-delay:.8s}@keyframes twinkle{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-reading .ai-text{opacity:0;animation:fadeIn 1s ease forwards}.ai-reading .ai-text p{text-shadow:0 0 10px #ceaee4,0 0 20px #b19cd9;color:#e0d8f7}.glittering-stars{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;z-index:-1}.glittering-stars .star{position:absolute;background:radial-gradient(circle,#fff 60%,transparent 40%);width:12px;height:12px;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.3;animation:glitter 1.5s infinite alternate}@keyframes glitter{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:.3}}.splash-container{position:fixed;inset:0;background:radial-gradient(circle at center,#0b0c10,#000);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity 1s ease}.fade-in{opacity:1}.fade-out{opacity:0}.moon{width:120px;height:120px;border-radius:50%;background:#fff9e6;box-shadow:0 0 30px 10px #fff5c899;position:relative;animation:float 3s ease-in-out infinite}.moon:after{content:"";position:absolute;top:0;left:30px;width:120px;height:120px;border-radius:50%;background:#0b0c10}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.welcome-text{margin-top:2rem;color:#f9e6ff;font-size:3rem;font-family:Parisienne,cursive;text-shadow:0 0 10px #d6b3ff,0 0 20px #fff;opacity:0;animation:fadeInText 2s ease forwards 1s}@keyframes fadeInText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.moon{width:80px;height:80px}.moon:after{width:80px;height:80px;left:20px}.welcome-text{font-size:1.8rem;text-align:center;margin-top:1.2rem;padding:0 1rem}}@media (min-width: 601px) and (max-width: 1024px){.moon{width:100px;height:100px}.moon:after{width:100px;height:100px;left:25px}.welcome-text{font-size:2.3rem;margin-top:1.5rem}}html,body{height:100%;margin:0;padding:0;cursor:url(/cursor.png),auto}body{background:#1a1a3d;color:#e0d8f7;font-family:"Cursive",Arial,sans-serif;margin:0;padding:0;cursor:url(/cursor.png),auto}a,button,[role=button],input[type=submit],input[type=button]{cursor:url(/pointer.png) 4 4,pointer}.app{text-align:center;padding:40px 20px}h1{font-size:3.6rem;color:#f0e6ff;text-shadow:0 0 10px #b19cd9,0 0 20px #7d5fff;margin-bottom:20px;font-family:Parisienne,cursive}h2{font-size:2.5rem;font-family:Amarante,serif;color:#f0e6ff;-webkit-text-stroke:1.5px #8631fe;-moz-text-stroke:1.5px #4a00ff;text-shadow:0 0 2px #4b1a7b}p{font-size:1.2rem;color:#f0e6ff;font-family:Libertinus Sans,sans-serif}.main-content{opacity:0;transform:scale(.98);transition:opacity 1.5s ease,transform 1.5s ease}.main-content.fade-in{opacity:1;transform:scale(1)}h3{font-family:Amarante,serif;font-size:2.5rem}input{padding:12px;width:250px;border-radius:8px;border:1px solid #b19cd9;background-color:#1a1a3d;color:#fff;margin:10px;font-size:1rem;font-family:Libertinus Sans,sans-serif}input::placeholder{color:#ccc}button{padding:10px 20px;margin:10px;border-radius:8px;border:none;font-weight:700;color:#fff;background:linear-gradient(45deg,#7d5fff,#b19cd9);transition:all .3s ease;font-family:Libertinus Sans,sans-serif;font-size:1rem}button:hover{transform:scale(1.05);box-shadow:0 0 15px #b19cd9}.cards{display:flex;justify-content:center;gap:4rem;margin-top:30px;flex-wrap:wrap}.card{background:linear-gradient(to bottom,#1a1a3d,#2c2c5a);border-radius:15px;width:220px;padding:15px;text-align:center;box-shadow:0 0 15px #7d5fff80;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 0 25px #b19cd9aa}.card-image{width:100%;height:auto;border-radius:10px;margin-bottom:10px}.toggle-btn{padding:5px 10px;margin-top:5px;background-color:#4a4a8a;color:#fff;border:none;border-radius:4px;transition:all .3s ease}.toggle-btn:hover{background-color:#6a6abf}.description-container{max-height:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease;opacity:0;margin-top:0}.description-container.open{max-height:20000px;opacity:1}.description{text-align:left;font-size:1.2rem;margin-top:10px;color:#ceaee4;font-family:Libertinus Sans,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card.fade-in{animation:fadeInUp 1.5s ease forwards}@media (max-width: 1024px){h1{font-size:2.8rem}h2,h3{font-size:2rem}.cards{gap:2rem}.card{width:180px}}@media (max-width: 768px){.app{padding:20px 10px}h1{font-size:2.4rem}h2,h3{font-size:1.8rem}input{width:200px;font-size:14px}.cards{gap:1.5rem}.card{width:160px;padding:10px}}@media (max-width: 480px){h1{font-size:2rem}h2,h3{font-size:1.5rem}input{width:180px;font-size:13px}button{padding:8px 16px;font-size:.9rem}.cards{flex-direction:column;align-items:center;gap:1rem}.card{width:90%;max-width:250px}}
