@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(147,51,234,.3),0 0 10px rgba(147,51,234,.2),0 0 15px rgba(147,51,234,.1)}50%{box-shadow:0 0 10px rgba(147,51,234,.5),0 0 20px rgba(147,51,234,.3),0 0 30px rgba(147,51,234,.2)}}@keyframes float-hint{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fade-hint{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.prompt-hint{top:-40px;left:50%;transform:translateX(-50%);padding:8px 16px;background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:hsla(0,0%,100%,.9);font-size:14px;white-space:nowrap;pointer-events:none;animation:float-hint 2s ease-in-out infinite,fade-hint 3s ease-in-out forwards}.prompt-hint,.prompt-hint:before{position:absolute;border-radius:20px}.prompt-hint:before{content:"";inset:-2px;background:linear-gradient(45deg,rgba(147,51,234,.2),rgba(59,130,246,.2));z-index:-1;opacity:.5}.cosmic-nav-star{position:relative;width:40px;height:40px;cursor:pointer}.cosmic-nav-star-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.2);border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.cosmic-nav-star-glow{position:absolute;inset:-10px;background:radial-gradient(circle at center,rgba(147,51,234,.2) 0,transparent 70%);animation:pulse 4s infinite}.cosmic-nav-star:hover .cosmic-nav-star-content{border-color:rgba(147,51,234,.4);transform:scale(1.1)}.constellation-container{position:fixed;top:100px;right:40px;width:200px;height:400px;padding:10px;pointer-events:none;z-index:10;background:rgba(17,17,23,.4);border:1px solid rgba(147,51,234,.3);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;box-shadow:inset 0 0 20px rgba(147,51,234,.2),0 0 30px rgba(147,51,234,.1);animation:cage-glow 4s ease-in-out infinite}.constellation-star{width:36px;height:36px;margin:10px;animation:star-float 6s ease-in-out infinite;animation-delay:calc(var(--index, 0) * -1.5s)}.constellation-line{position:absolute;top:50%;left:50%;width:100px;height:1px;background:linear-gradient(90deg,rgba(147,51,234,.3),transparent);transform-origin:left center}.star-content{box-shadow:0 0 20px rgba(147,51,234,.2)}.star-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.star-info{left:0;transform:none;width:180px;padding:8px 12px;border:1px solid rgba(147,51,234,.3);border-radius:8px;transition:all .3s ease;z-index:20}.constellation-star:hover .star-info{transform:translateY(-5px)}.star-label{font-size:12px}.star-description{font-size:10px;color:hsla(0,0%,100%,.5)}.constellation-star.active{background:rgba(147,51,234,.2);border-color:rgba(147,51,234,.4);animation:glow 2s infinite}.welcome-container{position:relative;padding:40px;text-align:center;animation:float 6s ease-in-out infinite}.welcome-star{position:relative;display:inline-flex;margin-bottom:20px}.star-glow{position:absolute;inset:-20px;background:radial-gradient(circle at center,rgba(147,51,234,.2) 0,transparent 70%);animation:pulse 4s infinite}.welcome-text{position:relative;padding:20px;background:rgba(17,17,23,.8);border:1px solid rgba(147,51,234,.2);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cosmic-input-container{position:relative;margin-top:auto;padding:20px;background:linear-gradient(0deg,rgba(17,17,23,.9) 0,transparent)}.cosmic-input{position:relative;background:rgba(17,17,23,.8);border:1px solid rgba(147,51,234,.2);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.cosmic-input:focus-within{border-color:rgba(147,51,234,.4);box-shadow:0 0 20px rgba(147,51,234,.1)}.cosmic-textarea{background:transparent;border:none;padding:12px 100px 12px 12px;color:hsla(0,0%,100%,.9);resize:none;min-height:56px;max-height:200px}.cosmic-textarea:focus{outline:none;box-shadow:none}.cosmic-tools{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.cosmic-tool{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.2);transition:all .3s ease}.cosmic-tool:hover{background:rgba(147,51,234,.2);border-color:rgba(147,51,234,.4)}.cosmic-button{padding:6px 12px;background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.2);border-radius:6px;color:rgba(147,51,234,.8);font-size:12px;transition:all .3s ease}.cosmic-button:hover{background:rgba(147,51,234,.2);border-color:rgba(147,51,234,.4)}.cosmic-send{position:relative;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;transition:all .3s ease}.send-star{position:absolute;inset:0;background:linear-gradient(45deg,rgba(147,51,234,.4),rgba(59,130,246,.4));border-radius:8px;opacity:.2}.cosmic-send:hover .send-star{opacity:.4}.cosmic-popover{background:rgba(17,17,23,.95);box-shadow:0 4px 20px rgba(0,0,0,.2)}.cosmic-popover,.preview-star{border:1px solid rgba(147,51,234,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px}.preview-star{position:absolute;top:-80px;left:0;right:0;height:64px;padding:8px;display:flex;align-items:center;gap:8px}.chat-message,.preview-star{background:rgba(17,17,23,.8)}.chat-message{position:relative;border:1px solid rgba(147,51,234,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.chat-message:hover{border-color:rgba(147,51,234,.4);transform:translateY(-1px)}.cosmic-navbar{background:rgba(17,17,23,.4);border:1px solid rgba(147,51,234,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cosmic-navbar-content{max-width:7xl;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.cosmic-logo{width:40px;height:40px}.cosmic-logo,.cosmic-nav-button{background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.2)}.cosmic-nav-button{position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:hsla(0,0%,100%,.9);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cosmic-nav-button:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(147,51,234,.2),rgba(59,130,246,.2));opacity:0;transition:opacity .3s ease}.cosmic-nav-button:hover{border-color:rgba(147,51,234,.4);transform:translateY(-2px)}.cosmic-nav-button:hover:before{opacity:1}.cosmic-nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.shooting-prompt{position:fixed;pointer-events:none;z-index:100}.prompt-text{position:relative;padding:.5rem 1rem;background:rgba(147,51,234,.2);border:1px solid rgba(147,51,234,.3);border-radius:20px;color:hsla(0,0%,100%,.9);font-size:14px;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.prompt-trail{position:absolute;top:50%;right:100%;width:100px;height:2px;background:linear-gradient(270deg,rgba(147,51,234,.5),transparent);transform:translateY(-50%)}@keyframes meteor{0%{transform:translateX(0) translateY(0) rotate(-45deg);opacity:1}to{transform:translateX(-200px) translateY(200px) rotate(-45deg);opacity:0}}.meteor-text{position:fixed;z-index:1000;color:hsla(0,0%,100%,.9);font-size:16px;pointer-events:none;animation:meteor 2s ease-out forwards}.meteor-text:after{content:"";position:absolute;top:50%;right:100%;width:100px;height:1px;background:linear-gradient(270deg,hsla(0,0%,100%,.8),transparent);transform:translateY(-50%)}.constellation-trails{background:linear-gradient(90deg,rgba(147,51,234,.4),transparent)}.chat-container{position:relative;width:100%;max-width:4xl;margin:0 auto;padding:2rem;background:rgba(17,17,23,.6);border:1px solid rgba(147,51,234,.2);border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,.2)}@keyframes character-meteor{0%{transform:translateY(-100%) rotate(-45deg);opacity:1}to{transform:translate(-200px,200px) rotate(-45deg);opacity:0}}.character-meteor{text-shadow:0 0 10px rgba(147,51,234,.8)}.character-meteor:after{width:150px;background:linear-gradient(270deg,rgba(147,51,234,.8),transparent)}.eye-icon{width:32px;height:32px}.eye-outer{width:24px;height:24px;animation:pulse 2s infinite}.eye-inner{width:12px;height:12px;background:radial-gradient(circle at center,rgba(147,51,234,.8) 0,rgba(147,51,234,.4) 60%,transparent 100%);animation:float 3s ease-in-out infinite}.eye-icon:after{content:"";position:absolute;inset:-4px;background:radial-gradient(circle at center,rgba(147,51,234,.2) 0,transparent 70%);border-radius:50%;animation:glow 2s infinite}@keyframes meteor-trail{0%{width:0;opacity:0}20%{width:120px;opacity:1}to{width:200px;opacity:0}}.character-meteor{position:fixed;z-index:1000;color:hsla(0,0%,100%,.9);font-size:24px;font-weight:700;pointer-events:none;text-shadow:0 0 10px rgba(147,51,234,.8),0 0 20px rgba(147,51,234,.4),0 0 30px rgba(147,51,234,.2);animation:character-meteor 2s cubic-bezier(.25,.46,.45,.94) forwards}.character-meteor:after{content:"";position:absolute;top:50%;right:100%;height:2px;background:linear-gradient(270deg,rgba(147,51,234,.8),rgba(147,51,234,.4),transparent);transform:translateY(-50%);filter:blur(1px);animation:meteor-trail 2s ease-out forwards}.constellation-star{position:absolute;pointer-events:auto;width:40px;height:40px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.constellation-star:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle at center,rgba(147,51,234,.3) 0,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease;filter:blur(2px)}.constellation-star:hover:before{opacity:1;animation:pulse 2s infinite}.star-content{display:flex;align-items:center;justify-content:center;background:rgba(17,17,23,.9);border:1px solid rgba(147,51,234,.3);border-radius:50%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 20px rgba(147,51,234,.2),0 0 40px rgba(147,51,234,.1)}.constellation-star:hover .star-content{border-color:rgba(147,51,234,.6);transform:scale(1.1);box-shadow:0 0 30px rgba(147,51,234,.3),0 0 60px rgba(147,51,234,.2)}.constellation-trails{width:200px;background:linear-gradient(90deg,rgba(147,51,234,.4),rgba(147,51,234,.2),transparent);opacity:0;transition:all .3s ease}.constellation-star:hover .constellation-trails{opacity:1;transform:rotate(var(--trail-angle,0deg))}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.mouse-ripple{position:fixed;pointer-events:none;z-index:9999;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at center,rgba(147,51,234,.2) 0,transparent 70%);transform:translate(-50%,-50%);animation:ripple 1s ease-out forwards}.cosmic-navbar{position:relative;margin-bottom:2rem;padding:1rem;background:rgba(17,17,23,.6);border:1px solid rgba(147,51,234,.3);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.2),0 0 30px rgba(147,51,234,.1)}.cosmic-logo{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(17,17,23,.8);border:1px solid rgba(147,51,234,.3);border-radius:12px;overflow:hidden;transition:all .3s ease}.cosmic-logo:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(147,51,234,.2),rgba(59,130,246,.2));opacity:0;transition:opacity .3s ease}.cosmic-logo:hover:before{opacity:1}@keyframes energy-pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}to{transform:scale(1);opacity:.3}}@keyframes star-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes star-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.star-energy-ring{position:absolute;inset:-8px;border-radius:50%;border-left:2px solid transparent;border-bottom:2px solid transparent;border-top:2px solid transparent;border-top-color:rgba(147,51,234,calc(var(--energy) * .8));border-right:2px solid transparent;border-right-color:rgba(147,51,234,calc(var(--energy) * .6));animation:star-rotate 4s linear infinite}.star-pulse-ring{position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(147,51,234,calc(var(--energy) * .4));animation:energy-pulse calc(2s / var(--energy)) infinite}.constellation-star{animation:star-bounce 3s ease-in-out infinite;animation-delay:calc(var(--pulse-phase) * -1s)}.constellation-star.fixed{animation:none;box-shadow:0 0 20px rgba(147,51,234,.4)}.constellation-star:hover .star-content{transform:scale(1.1) rotate(calc(var(--pulse-phase) * 1turn))}@keyframes eye-scan{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes eye-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}@keyframes beam-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.eye-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.eye-outer{width:32px;height:32px;border:2px solid rgba(147,51,234,.6);animation:eye-scan 4s linear infinite}.eye-inner,.eye-outer{position:absolute;border-radius:50%}.eye-inner{width:16px;height:16px;background:radial-gradient(circle at center,#9333ea 0,rgba(147,51,234,.6) 50%,transparent 100%);animation:eye-pulse 2s ease-in-out infinite}.eye-beam{position:absolute;width:200px;height:200px;background:conic-gradient(from 0deg,transparent 0deg,rgba(147,51,234,.1) 60deg,transparent 120deg);animation:beam-rotate 8s linear infinite}.eye-glow{position:absolute;inset:-20px;background:radial-gradient(circle at center,rgba(147,51,234,.2) 0,transparent 70%);border-radius:50%;filter:blur(8px)}.eye-stars{position:absolute;inset:-10px;background:radial-gradient(2px 2px at 10px 10px,hsla(0,0%,100%,.8),transparent),radial-gradient(2px 2px at 20px 20px,hsla(0,0%,100%,.8),transparent),radial-gradient(2px 2px at 30px 5px,hsla(0,0%,100%,.8),transparent),radial-gradient(2px 2px at 5px 30px,hsla(0,0%,100%,.8),transparent);animation:star-rotate 10s linear infinite}.constellation-star{cursor:pointer;transform-style:preserve-3d;perspective:1000px}.star-content{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1)}.star-icon{position:relative;z-index:2;animation:float 3s ease-in-out infinite}.constellation-trails{position:absolute;top:50%;left:50%;width:calc(100px + var(--energy) * 100px);height:2px;background:linear-gradient(to right,rgba(147,51,234,calc(var(--energy) * .8)),rgba(147,51,234,calc(var(--energy) * .4)),transparent);transform-origin:left center;transform:rotate(var(--trail-angle));filter:blur(1px);opacity:var(--energy)}.star-info{position:absolute;left:50%;top:120%;transform:translateX(-50%) translateY(0);padding:12px;background:rgba(17,17,23,.95);border:1px solid rgba(147,51,234,.4);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.2),0 0 30px rgba(147,51,234,.2)}.constellation-star:hover .star-info{opacity:1;visibility:visible;transform:translateX(-50%) translateY(10px)}.star-label{display:block;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.9);margin-bottom:4px}.star-description{display:block;font-size:12px;color:hsla(0,0%,100%,.6);max-width:200px}.mouse-trail{position:fixed;pointer-events:none;width:20px;height:20px;border:2px solid rgba(147,51,234,.4);border-radius:50%;transform:translate(-50%,-50%);transition:width .2s,height .2s;z-index:9999}.mouse-trail.active{width:40px;height:40px;border-color:rgba(147,51,234,.6)}@keyframes star-float{0%,to{transform:translate(0)}50%{transform:translateY(-5px)}}