:root{--bg-color: #050505;--text-color: #e0e0e0;--dim-text: #666666;--accent-color: #a0a0a0;--user-msg-bg: #111111;--user-msg-border: #333333;--void-msg-color: #cccccc;--font-mono: "Courier New", Courier, monospace}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);overflow:hidden;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}#root{width:100%;height:100%}.app-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.terminal-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:800px;padding:1rem;position:relative}.scanline-overlay{pointer-events:none;position:fixed;inset:0;z-index:50;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;opacity:.2}.messages-area{flex:1;overflow-y:auto;margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem;padding-right:.5rem}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.message-row{display:flex;width:100%}.message-row.user{justify-content:flex-end}.message-row.void{justify-content:flex-start}.message-content{max-width:80%;padding:.75rem;border-radius:4px;line-height:1.5}.message-row.user .message-content{background-color:var(--user-msg-bg);color:var(--text-color);border:1px solid var(--user-msg-border)}.message-row.void .message-content{color:var(--void-msg-color)}.typing-indicator{color:var(--dim-text);font-size:.875rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.input-area{display:flex;align-items:center;border-top:1px solid #333;padding-top:1rem}.prompt-symbol{margin-right:.5rem;color:#4ade80}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-color);font-family:var(--font-mono);font-size:1rem}.terminal-input::placeholder{color:#444}.send-button{background:transparent;border:none;color:#666;cursor:pointer;margin-left:.5rem;transition:color .2s}.send-button:hover:not(:disabled){color:var(--text-color)}.send-button:disabled{opacity:.5;cursor:not-allowed}.glitch-mode{animation:glitch-shake .1s infinite}.glitch-mode .message-content{animation:glitch-text .3s infinite;text-shadow:2px 0 #ff0000,-2px 0 #00ffff}@keyframes glitch-shake{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}to{transform:translate(0)}}@keyframes glitch-text{0%{clip-path:inset(40% 0 61% 0);transform:translate(-2px,1px)}20%{clip-path:inset(92% 0 1% 0);transform:translate(2px,-1px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(-1px,2px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(1px,-2px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(-2px,1px)}to{clip-path:inset(58% 0 43% 0);transform:translate(0)}}.blackout{position:fixed;inset:0;background:#000;z-index:1000;display:flex;justify-content:center;align-items:center;animation:fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.crash-text{color:#f33;font-family:var(--font-mono);white-space:pre-wrap;font-size:.9rem;text-align:left;max-width:600px;animation:flicker .15s infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}}.reboot-text{color:#4ade80;font-family:var(--font-mono);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.terminal-container.normal-mode{--void-msg-color: #d4c5a9}.terminal-container.normal-mode .prompt-symbol{color:#f0c674}.terminal-container.normal-mode .scanline-overlay{opacity:.05}.terminal-container.illuminated-mode{--void-msg-color: #d4a5ff}.terminal-container.illuminated-mode .prompt-symbol{color:#d4a5ff;animation:chaos-pulse 2s ease-in-out infinite}.terminal-container.illuminated-mode .message-row.void .message-content{text-shadow:0 0 10px rgba(212,165,255,.3)}@keyframes chaos-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.chaosphere-container{position:fixed;width:200px;height:200px;z-index:40;pointer-events:none;animation:chaosphere-appear 3s ease-out forwards,chaosphere-float 25s ease-in-out infinite,chaosphere-rotate 12s linear infinite;filter:blur(1px)}@keyframes chaosphere-appear{0%{opacity:0;transform:scale(0)}to{opacity:.25;transform:scale(1)}}@keyframes chaosphere-float{0%{top:10%;left:10%}15%{top:60%;left:70%}30%{top:20%;left:80%}45%{top:70%;left:20%}60%{top:40%;left:50%}75%{top:80%;left:60%}to{top:10%;left:10%}}@keyframes chaosphere-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chaosphere{position:relative;width:100%;height:100%;animation:chaosphere-pulse 4s ease-in-out infinite}@keyframes chaosphere-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(212,165,255,.4))}50%{transform:scale(1.1);filter:drop-shadow(0 0 40px rgba(212,165,255,.6))}}.chaos-arrow{position:absolute;top:50%;left:50%;width:3px;height:80px;background:linear-gradient(to top,transparent 0%,rgba(212,165,255,.3) 30%,rgba(212,165,255,.8) 100%);transform-origin:center bottom;margin-left:-1.5px;margin-top:-80px;border-radius:2px}.chaos-arrow:after{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid rgba(212,165,255,.9);filter:drop-shadow(0 0 8px rgba(212,165,255,.8))}.trip-mode{position:fixed;inset:0;background:radial-gradient(ellipse at center,#0a0015,#000);overflow:hidden;animation:trip-background 20s ease-in-out infinite}@keyframes trip-background{0%,to{background:radial-gradient(ellipse at center,#0a0015,#000)}25%{background:radial-gradient(ellipse at 30% 70%,#150020,#050008)}50%{background:radial-gradient(ellipse at 70% 30%,#100018,#000005)}75%{background:radial-gradient(ellipse at 60% 80%,#0a001a,#000)}}.trip-mode:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(212,165,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(165,212,255,.02) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,165,212,.02) 0%,transparent 60%);animation:trip-glow 15s ease-in-out infinite;pointer-events:none}@keyframes trip-glow{0%,to{opacity:.5;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(5deg)}}.trip-mode:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(212,165,255,.02) 45%,rgba(165,212,255,.02) 50%,rgba(255,212,165,.02) 55%,transparent 60%);background-size:400% 400%;animation:trip-shimmer 8s linear infinite;pointer-events:none}@keyframes trip-shimmer{0%{background-position:0% 0%}to{background-position:100% 100%}}.trip-chaosphere-container{position:fixed;width:350px;height:350px;z-index:100;pointer-events:none;animation:trip-chaosphere-appear 5s ease-out forwards,trip-chaosphere-float 40s ease-in-out infinite,trip-chaosphere-rotate 8s linear infinite}@keyframes trip-chaosphere-appear{0%{opacity:0;transform:scale(0)}to{opacity:.9;transform:scale(1)}}@keyframes trip-chaosphere-float{0%{top:30%;left:40%}10%{top:15%;left:65%}20%{top:50%;left:75%}30%{top:70%;left:55%}40%{top:60%;left:25%}50%{top:35%;left:15%}60%{top:20%;left:35%}70%{top:45%;left:60%}80%{top:65%;left:40%}90%{top:40%;left:20%}to{top:30%;left:40%}}@keyframes trip-chaosphere-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trip-chaosphere{position:relative;width:100%;height:100%;animation:trip-chaosphere-pulse 3s ease-in-out infinite}@keyframes trip-chaosphere-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(212,165,255,.6)) drop-shadow(0 0 60px rgba(165,212,255,.3)) hue-rotate(0deg)}50%{transform:scale(1.15);filter:drop-shadow(0 0 50px rgba(212,165,255,.8)) drop-shadow(0 0 100px rgba(255,165,212,.4)) hue-rotate(30deg)}}.trip-chaosphere .chaos-arrow{height:140px;margin-top:-140px;background:linear-gradient(to top,transparent 0%,rgba(212,165,255,.5) 30%,rgba(212,165,255,1) 100%);animation:trip-arrow-pulse 2s ease-in-out infinite}.trip-chaosphere .chaos-arrow:nth-child(1){animation-delay:0s}.trip-chaosphere .chaos-arrow:nth-child(2){animation-delay:.25s}.trip-chaosphere .chaos-arrow:nth-child(3){animation-delay:.5s}.trip-chaosphere .chaos-arrow:nth-child(4){animation-delay:.75s}.trip-chaosphere .chaos-arrow:nth-child(5){animation-delay:1s}.trip-chaosphere .chaos-arrow:nth-child(6){animation-delay:1.25s}.trip-chaosphere .chaos-arrow:nth-child(7){animation-delay:1.5s}.trip-chaosphere .chaos-arrow:nth-child(8){animation-delay:1.75s}@keyframes trip-arrow-pulse{0%,to{opacity:.6;filter:hue-rotate(0deg)}50%{opacity:1;filter:hue-rotate(60deg)}}.trip-chaosphere .chaos-arrow:after{border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid rgba(212,165,255,1);filter:drop-shadow(0 0 15px rgba(212,165,255,1))}.trip-particles{position:fixed;inset:0;pointer-events:none;z-index:50}.trip-particle{position:absolute;width:4px;height:4px;background:#d4a5ff99;border-radius:50%;animation:particle-float 15s linear infinite}@keyframes particle-float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1;transform:translateY(80vh) scale(1)}90%{opacity:1;transform:translateY(10vh) scale(1)}to{transform:translateY(-10vh) scale(0);opacity:0}}.trip-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#d4a5ffe6;font-family:var(--font-mono);font-size:1.5rem;text-align:center;z-index:200;animation:trip-message-fade 8s ease-in-out forwards;text-shadow:0 0 20px rgba(212,165,255,.5),0 0 40px rgba(165,212,255,.3);white-space:pre-wrap;max-width:80%;line-height:2}@keyframes trip-message-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}