@keyframes bg-pan{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,50px 50px,50px 50px}}@keyframes screen-hum{0%,to{opacity:.7}50%{opacity:.8}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rainbow-pulse{0%,to{background:radial-gradient(circle,rgba(0,255,255,.15)0,transparent 70%);box-shadow:0 0 40px 15px rgba(0,255,255,.1);transform:translate(-50%,-50%) scale(1)}16%{background:radial-gradient(circle,rgba(255,0,255,.15)0,transparent 70%);box-shadow:0 0 40px 15px rgba(255,0,255,.1);transform:translate(-50%,-50%) scale(1.03)}32%{background:radial-gradient(circle,rgba(128,0,255,.15)0,transparent 70%);box-shadow:0 0 40px 15px rgba(128,0,255,.1);transform:translate(-50%,-50%) scale(1)}48%{background:radial-gradient(circle,rgba(255,255,0,.15)0,transparent 70%);box-shadow:0 0 40px 15px rgba(255,255,0,.1);transform:translate(-50%,-50%) scale(1.03)}64%{background:radial-gradient(circle,rgba(255,153,0,.15)0,transparent 70%);box-shadow:0 0 40px 15px rgba(255,153,0,.1);transform:translate(-50%,-50%) scale(1)}80%{background:radial-gradient(circle,rgba(0,128,255,.15)0,transparent 70%);box-shadow:0 0 40px 15px rgba(0,128,255,.1);transform:translate(-50%,-50%) scale(1.03)}}@keyframes highlight-char{0%,to{color:rgba(224,225,221,.4);text-shadow:none}50%{color:var(--text-color);text-shadow:0 0 8px var(--glow-cyan)}}@keyframes counter-blink{50%{color:var(--neon-red, #ff4d4d);text-shadow:0 0 8px var(--neon-red, #ff4d4d)}}@keyframes limit-shake{0%,to{transform:translateX(0);border-color:var(--neon-red)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes dots-animation{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}@keyframes status-pulse{0%,to{opacity:.7;text-shadow:0 0 5px var(--glow-cyan)}50%{opacity:1;text-shadow:0 0 15px var(--glow-cyan)}}@keyframes shake{25%{transform:translateX(10px)}50%{transform:translateX(-10px)}75%{transform:translateX(5px)}to{transform:translateX(0)}}@keyframes typing-pulse{0%,to{box-shadow:0 0 10px var(--glow-purple)}50%{box-shadow:0 0 20px var(--glow-purple)}}@keyframes particle-float{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}to{transform:translateY(-200px) scale(.5);opacity:0}}@keyframes glitch-anim{0%,40%,to{transform:translateX(0)}5%{transform:translateX(8px)}10%{transform:translateX(-8px)}15%{transform:translateX(12px)}20%{transform:translateX(-12px)}25%{transform:translateX(15px)}30%{transform:translateX(-15px)}35%{transform:translateX(10px)}}:root{--main-bg:#02010a;--dark-bg:#0a0918;--glow-cyan:#00f6ff;--glow-magenta:#ff00c1;--glow-blue:#3a86ff;--glow-purple:#9d00ff;--text-color:#e0e1dd;--font-primary:'Orbitron', sans-serif;--font-mono:'Source Code Pro', monospace;--neon-orange:#ffab00;--neon-red:#ff3d3d;--glow-red:#ff3d3d}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--main-bg);color:var(--text-color);font-family:var(--font-primary);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;overflow:hidden;position:relative}body::after,body::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}body::before{background-image:linear-gradient(rgba(13,12,29,.95),rgba(13,12,29,.95)),linear-gradient(0deg,var(--glow-blue) 1px,transparent 1px),linear-gradient(90deg,var(--glow-blue) 1px,transparent 1px);background-size:100% 100%,50px 50px,50px 50px;background-position:0 0,-1px -1px,-1px -1px;opacity:.1;z-index:-2;animation:bg-pan 60s linear infinite}body::after{background:linear-gradient(90deg,rgba(255,0,0,.03),rgba(0,255,0,.015),rgba(0,0,255,.03));z-index:2;pointer-events:none;animation:screen-hum 10s ease-in-out infinite}body.ws-waiting,body.ws-waiting #send-btn{cursor:wait}.interactive-element,a,button,input[type=text]{cursor:pointer;transition:color .3s ease}textarea{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(80%)}.container,header{width:100%;display:flex}.container{max-width:600px;padding:2rem;flex-direction:column;align-items:center;gap:2rem;text-align:center;animation:fade-in 1.5s ease-out forwards}header{justify-content:center;margin-bottom:20px;position:relative}.logo,.logo-container{width:100%;position:relative;z-index:2}.logo-container{max-width:300px;text-align:center}.logo{height:auto}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;border-radius:50%;background:radial-gradient(circle,rgba(0,255,255,.15)0,transparent 70%);z-index:1;animation:rainbow-pulse 25s infinite linear;filter:blur(5px)}main{gap:15px}.instruction{text-align:center;font-size:1rem;margin-bottom:1.5rem;letter-spacing:1px;text-shadow:0 0 3px var(--text-color)}.prompt-container,main{width:100%;display:flex;flex-direction:column}.prompt-container{gap:.5rem}.textarea-container{position:relative;padding:1rem;border:1px solid var(--glow-blue);background-color:rgba(10,9,24,.7);backdrop-filter:blur(5px);--clip-size:15px;clip-path:polygon(var(--clip-size)0,100%0,100% calc(100% - var(--clip-size)),calc(100% - var(--clip-size)) 100%,0 100%,0 var(--clip-size))}#placeholder-anim,textarea{font-family:var(--font-mono);font-size:1.1rem}#placeholder-anim{position:absolute;top:1rem;left:1rem;color:rgba(224,225,221,.4);pointer-events:none;display:flex}#placeholder-anim span{animation:highlight-char 3s infinite ease-in-out}textarea{width:100%;height:120px;background:0 0;border:0;color:var(--text-color);padding:0 25px 0 0;resize:none;transition:all .3s ease}textarea:focus{outline:0;caret-color:var(--glow-cyan)}textarea::placeholder{color:rgba(224,225,221,.4)}#clear-btn,.input-helper{display:flex;align-items:center;padding:0}#clear-btn{position:absolute;top:4px;right:16px;width:auto;height:auto;border-radius:0;background:0 0;border:0;color:var(--text-color);font-size:1.5rem;line-height:1;justify-content:center;cursor:pointer;transition:opacity .3s,color .3s,text-shadow .3s;opacity:0;z-index:10}#clear-btn:hover{background-color:transparent;color:var(--glow-red);text-shadow:0 0 10px var(--glow-red);transform:none}#clear-btn:active{transform:scale(.95)}.input-helper{justify-content:space-between;width:100%;margin-top:0;gap:1rem}#char-counter{font-family:var(--font-mono);font-size:.9rem;font-weight:500;color:var(--text-color);text-align:right;width:100%;padding-right:5px;transition:color .3s ease}.char-limit-reached{animation:counter-blink 1s infinite;color:var(--neon-red)!important}.limit-shake{animation:limit-shake .3s ease;border-color:var(--neon-red)!important;box-shadow:0 0 8px var(--neon-red)!important}#ai-enhance-btn,#inspire-btn{padding:.75em 1.5em;font-family:var(--font-primary);letter-spacing:1px}#ai-enhance-btn,#inspire-btn,#send-btn{position:relative;background:0 0;border:2px solid transparent;text-transform:uppercase;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;--clip-size:10px;clip-path:polygon(var(--clip-size)0,100%0,100% calc(100% - var(--clip-size)),calc(100% - var(--clip-size)) 100%,0 100%,0 var(--clip-size));background-image:linear-gradient(rgba(10,9,24,.8),rgba(10,9,24,.8));background-origin:border-box;border-radius:0;white-space:nowrap}#inspire-btn span{position:relative;z-index:2}#ai-enhance-btn:hover:not(:disabled),#inspire-btn:hover:not(:disabled),#send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 15px -5px currentColor}#ai-enhance-btn:active,#inspire-btn:active,#send-btn:active{transform:scale(.95)}#ai-enhance-btn,#inspire-btn{color:var(--glow-magenta);text-shadow:0 0 8px var(--glow-magenta);background-image:linear-gradient(rgba(10,9,24,.8),rgba(10,9,24,.8)),linear-gradient(135deg,var(--glow-magenta),var(--glow-blue));background-clip:padding-box,border-box}#inspire-btn{background-image:linear-gradient(rgba(10,9,24,.8),rgba(10,9,24,.8)),linear-gradient(135deg,var(--glow-magenta),var(--glow-purple))}#ai-enhance-btn.cooldown{cursor:not-allowed}#ai-enhance-btn.disabled{cursor:not-allowed;opacity:.5;filter:grayscale(80%)}.enhance-cooldown{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--glow-magenta);opacity:.4;transform-origin:left;transform:scaleX(0);transition:transform .1s linear;z-index:0}#ai-enhance-btn.cooldown .enhance-cooldown{transform:scaleX(1);transition-timing-function:linear}#ai-enhance-btn.ai-working{color:var(--glow-cyan);background-image:linear-gradient(rgba(10,9,24,.8),rgba(10,9,24,.8)),linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));background-clip:padding-box,border-box;min-width:120px}.ai-working-indicator{display:none}#ai-enhance-btn.ai-working span::after{content:".";animation:dots-animation 1.5s infinite steps(1);display:inline-block;width:1.5em;text-align:left}#scrambling-overlay{position:absolute;top:1rem;left:1rem;right:1rem;bottom:1rem;font-family:var(--font-mono);font-size:1.1rem;color:var(--text-color);pointer-events:none;opacity:0;transition:opacity .3s;padding-right:25px;white-space:pre-wrap;word-wrap:break-word;display:none}#scrambling-overlay.active{opacity:1;display:block}.scrambled-char{color:#39ff14;text-shadow:0 0 5px #39ff14}.status-message.ai-enhancing{color:var(--glow-cyan);animation:status-pulse 1.2s infinite ease-in-out}#clear-btn.disabled,#inspire-btn.disabled{opacity:.3!important;cursor:not-allowed;pointer-events:none}#send-btn{width:100%;padding:1em 1.5em;font-family:var(--font-primary);font-weight:500;font-size:1.6rem;background-image:linear-gradient(rgba(10,9,24,.8),rgba(10,9,24,.8)),linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));background-clip:padding-box,border-box;letter-spacing:2px}.cooldown-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--glow-cyan);z-index:0;opacity:.3;transition:width .1s linear}#send-btn.cooldown-active{cursor:wait}#send-btn.cooldown-active .cooldown-progress{transition-property:width}#ai-enhance-btn span,#send-btn span{position:relative;z-index:1}#send-btn,.status-message{color:var(--glow-cyan);margin-top:10px;text-shadow:0 0 5px var(--glow-cyan)}.status-message{text-align:center;min-height:1.2em;font-size:1rem;font-family:var(--font-mono);transition:all .3s}@media (max-width:480px){.container,body{max-width:100%;display:flex}body,html{overflow:hidden}body{align-items:flex-start;justify-content:flex-start;padding-top:15px;min-height:100vh}html{height:100%;max-width:100%}.container{padding:10px 15px;min-height:calc(100vh - 30px);flex-direction:column;justify-content:space-between}header{margin-bottom:10px;width:100%}.logo-container{max-width:160px}.instruction{font-size:.8rem;margin-bottom:10px;white-space:nowrap;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis}textarea#prompt-input{height:120px;font-size:.95rem}.input-helper,main{display:flex;width:100%}.input-helper{align-items:center;justify-content:space-between;gap:8px;margin-top:8px}#ai-enhance-btn,#inspire-btn{padding:5px 10px;font-size:.8rem;flex-shrink:0}#char-counter{width:100%;text-align:right;font-size:.8rem;white-space:nowrap}#send-btn{padding:12px;font-size:1.2rem;margin-top:10px}main{flex-grow:1;flex-direction:column;justify-content:center}footer{margin-top:6px;padding-bottom:5px;width:100%}.copyright{margin-top:0;font-size:.7rem}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}#inspire-btn.typing-animation{cursor:wait;animation:typing-pulse 1s infinite}textarea:disabled{opacity:.7;cursor:not-allowed;background-color:transparent;border-color:rgba(0,255,255,.2)}.text-teleport-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;opacity:0;transition:opacity .5s}.text-teleport-container.active{opacity:1}.text-particle{position:absolute;color:var(--glow-cyan);text-shadow:0 0 10px var(--glow-cyan);font-family:"Orbitron",sans-serif;white-space:nowrap;opacity:0;transform-origin:center;pointer-events:none;user-select:none}.copyright{text-align:center;font-size:.75rem;color:rgba(255,255,255,.4);margin-top:30px;padding-bottom:10px;width:100%}.copyright a{color:rgba(0,255,255,.5);text-decoration:none;transition:color .3s ease}.copyright a:hover{color:var(--glow-cyan);text-decoration:underline}#current-prompt-container,.current-prompt-container{width:100%;padding:1rem 1.5rem;border:1px solid var(--glow-cyan);background:radial-gradient(circle,rgba(0,246,255,.05)0,rgba(0,246,255,0) 70%);box-shadow:0 0 10px -5px var(--glow-cyan),0 0 20px -10px var(--glow-cyan) inset;backdrop-filter:blur(2px);border-radius:0;margin-bottom:20px;text-align:center;display:none}#current-prompt-container h2,.current-prompt-container h2{margin:0 0 8px;font-size:.9rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--glow-cyan);text-shadow:0 0 5px var(--glow-cyan)}#current-prompt,.current-prompt{color:var(--text-color);font-family:var(--font-mono);font-size:1rem;word-break:break-word;min-height:1.2em}#logo-glitch-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;overflow:hidden}.glitch-slice{width:100%;background-repeat:no-repeat;position:relative}#logo-glitch-container.is-glitching .glitch-slice{animation-name:glitch-anim;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:1}