@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";html,body,#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--red: #dc2626;--red-light: #ef4444;--red-dark: #b91c1c;--bg-dark: #050508;--bg-card: rgba(10, 5, 5, .85);--text: #fafafa;--text-muted: #71717a}*{cursor:none!important}body{background:var(--bg-dark);color:var(--text);font-family:Orbitron,sans-serif;min-height:100vh;overflow-x:hidden}.hydra-container{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.cursor-follower{position:fixed;width:20px;height:20px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.cursor-dot{width:100%;height:100%;background:var(--red);border-radius:50%;box-shadow:0 0 10px var(--red),0 0 20px #dc262680}.galaxy-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(180deg,#050510,#080515,#0f0a18 40%,#150810,#0a0505);overflow:hidden}.galaxy-bg:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(0deg,rgba(220,38,38,.1) 0%,transparent 100%);z-index:1}.galaxy-bg:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200%;height:100%;background:repeating-linear-gradient(90deg,transparent 0px,transparent 100px,rgba(220,38,38,.03) 100px,rgba(220,38,38,.03) 101px);z-index:1}.city-3d-container{position:fixed;bottom:0;left:0;width:100%;height:60%;z-index:0;perspective:1000px;perspective-origin:50% 100%;overflow:hidden}.city-3d-scene{position:absolute;bottom:0;left:50%;transform:translate(-50%) rotateX(60deg);transform-style:preserve-3d;width:300vw;height:150vh}.city-grid{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(220,38,38,.2) 1px,transparent 1px),linear-gradient(0deg,rgba(220,38,38,.2) 1px,transparent 1px);background-size:80px 80px;transform:rotateX(90deg) translateZ(-5px);animation:grid-pulse 3s ease-in-out infinite}@keyframes grid-pulse{0%,to{opacity:.3}50%{opacity:.6}}.building{position:absolute;bottom:0;background:linear-gradient(180deg,#0a0a15,#050510);border:1px solid rgba(220,38,38,.2);transform-origin:bottom center}.building:before{content:"";position:absolute;top:10%;left:10%;width:80%;height:80%;background:repeating-linear-gradient(0deg,transparent 0px,transparent 8px,rgba(220,38,38,.3) 8px,rgba(220,38,38,.3) 10px),repeating-linear-gradient(90deg,transparent 0px,transparent 12px,rgba(220,38,38,.2) 12px,rgba(220,38,38,.2) 14px);opacity:.5}.building.neon{border-color:#dc262699;box-shadow:0 0 10px #dc26264d,inset 0 0 20px #dc26261a}.building.neon:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);box-shadow:0 0 10px var(--red),0 0 20px var(--red),0 0 40px #dc262680;animation:neon-top-flicker 2s infinite}@keyframes neon-top-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.7}22%{opacity:.3}}.city-horizon{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,var(--red) 20%,var(--red-light) 50%,var(--red) 80%,transparent 100%);box-shadow:0 0 20px var(--red),0 0 40px #dc262680;animation:horizon-pulse 4s ease-in-out infinite;z-index:10}@keyframes horizon-pulse{0%,to{opacity:.6}50%{opacity:1}}.city-reflection{position:absolute;bottom:3px;left:0;width:100%;height:20%;background:linear-gradient(0deg,rgba(220,38,38,.15) 0%,transparent 100%);z-index:9}.floating-particle{position:absolute;width:2px;height:2px;background:var(--red);border-radius:50%;box-shadow:0 0 5px var(--red);animation:float-up 8s linear infinite;opacity:.6}@keyframes float-up{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-20vh) translate(50px);opacity:0}}.cyber-lines{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.cyber-lines:before,.cyber-lines:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,rgba(220,38,38,.3),transparent);height:1px;width:100%;animation:scan-line 8s linear infinite}.cyber-lines:before{top:30%}.cyber-lines:after{top:70%;animation-delay:-4s}.glitch-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);opacity:.3}.galaxy-bg:after{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(220,38,38,.03) 0%,transparent 60%);animation:nebula-pulse 15s ease-in-out infinite}@keyframes nebula-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@keyframes blackhole-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes stars{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}@keyframes vortex-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes scan-line{0%{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%);opacity:0}}.content{display:flex;flex-direction:column;align-items:center;gap:2rem;z-index:1}.title-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.title{font-size:4rem;font-weight:800;letter-spacing:.5em;margin-right:-.5em;background:linear-gradient(135deg,#dc2626,#ef4444,#b91c1c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:neon-flicker 3s infinite;filter:none;text-shadow:none}@keyframes neon-flicker{0%{opacity:1}5%{opacity:1}5.5%{opacity:.7}6%{opacity:1}15%{opacity:1}15.5%{opacity:.85}16%{opacity:.6}16.5%{opacity:1}35%{opacity:1}35.2%{opacity:.5}35.5%{opacity:1}50%{opacity:1}52%{opacity:.9}52.5%{opacity:1}70%{opacity:1}70.3%{opacity:.75}70.6%{opacity:1}71%{opacity:.8}71.5%{opacity:1}90%{opacity:1}91%{opacity:.65}91.5%{opacity:.9}92%{opacity:1}to{opacity:1}}.sound-wave{display:flex;align-items:center;gap:6px;height:40px}.sound-wave span{width:4px;height:8px;background:var(--red);border-radius:4px;opacity:.3;transition:all .15s ease}.sound-wave.active span{animation:wave .4s ease-in-out infinite;opacity:1}.sound-wave.listening span{animation:wave 1s ease-in-out infinite;opacity:.7}.sound-wave span:nth-child(1){animation-delay:0s}.sound-wave span:nth-child(2){animation-delay:.08s}.sound-wave span:nth-child(3){animation-delay:.16s}.sound-wave span:nth-child(4){animation-delay:.24s}.sound-wave span:nth-child(5){animation-delay:.32s}.sound-wave.active span{height:30px;background:var(--red-light)}.sound-wave.active span:nth-child(1){transform-origin:bottom;animation:bar1 .4s ease-in-out infinite}.sound-wave.active span:nth-child(2){transform-origin:bottom;animation:bar2 .4s ease-in-out infinite .08s}.sound-wave.active span:nth-child(3){transform-origin:bottom;animation:bar3 .4s ease-in-out infinite .16s}.sound-wave.active span:nth-child(4){transform-origin:bottom;animation:bar4 .4s ease-in-out infinite .24s}.sound-wave.active span:nth-child(5){transform-origin:bottom;animation:bar5 .4s ease-in-out infinite .32s}@keyframes bar1{0%,to{height:15px}50%{height:35px}}@keyframes bar2{0%,to{height:25px}50%{height:45px}}@keyframes bar3{0%,to{height:20px}50%{height:50px}}@keyframes bar4{0%,to{height:25px}50%{height:40px}}@keyframes bar5{0%,to{height:15px}50%{height:30px}}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.status{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.6rem 1.8rem;border-radius:100px;background:var(--bg-card);border:1px solid rgba(220,38,38,.2);font-size:.85rem;font-weight:500;letter-spacing:.1em;color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red);animation:dot-pulse 3s ease-in-out infinite}.status.listening .status-dot{background:var(--red-light);box-shadow:0 0 15px var(--red-light);animation:dot-pulse .8s ease-in-out infinite}.status.speaking .status-dot{background:var(--red);box-shadow:0 0 15px var(--red);animation:dot-pulse .5s ease-in-out infinite}.hint{font-size:.65rem;color:var(--text-muted);opacity:.6}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.chat{width:100%;max-width:480px;background:var(--bg-card);border-radius:20px;padding:1.5rem;border:1px solid rgba(220,38,38,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.messages{min-height:300px;max-height:500px;overflow-y:auto;margin-bottom:1rem;padding-right:.5rem}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-track{background:#0000004d;border-radius:2px}.messages::-webkit-scrollbar-thumb{background:linear-gradient(var(--red),var(--red-dark));border-radius:2px}.messages::-webkit-scrollbar-thumb:hover{background:var(--red)}.message{padding:.75rem 1rem;border-radius:4px;margin-bottom:.75rem;font-size:.9rem;line-height:1.8;font-family:Courier New,monospace;position:relative;animation:msg-in .3s ease}@keyframes msg-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes msg-glow{0%,to{box-shadow:0 0 5px #dc262633}50%{box-shadow:0 0 15px #dc262666}}.message.user{background:linear-gradient(135deg,#dc262633,#b91c1c1a);margin-left:1.5rem;border-bottom-right-radius:4px;border-left:3px solid var(--red)}.message.user:before{content:">";position:absolute;left:-20px;top:50%;transform:translateY(-50%);color:var(--red);font-weight:700}.message.assistant{background:#0a0505f2;margin-right:1.5rem;border:1px solid rgba(220,38,38,.3);border-bottom-left-radius:4px;border-left:3px solid var(--red-light);animation:msg-in .3s ease,msg-glow 2s ease-in-out infinite}.message.assistant:before{content:"#";position:absolute;left:-20px;top:50%;transform:translateY(-50%);color:var(--red-light);font-weight:700}.message.typing:after{content:"█";animation:blink .5s infinite;color:var(--red)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message p{margin:0;word-wrap:break-word}.message.assistant p{color:var(--text);text-shadow:0 0 10px rgba(220,38,38,.3)}.message.user p{color:#f0f0f0}.input-area{display:flex;gap:.75rem}.input-area input{flex:1;padding:.9rem 1.25rem;border-radius:100px;border:1px solid rgba(220,38,38,.25);background:#05050ae6;color:var(--text);font-size:.95rem;font-family:system-ui,sans-serif;outline:none;transition:all .3s ease}.input-area input:focus{border-color:var(--red);box-shadow:0 0 0 3px #dc26261a,0 0 20px #dc26261a}.input-area input::placeholder{color:var(--text-muted)}.input-area input:disabled{opacity:.5}.input-area button{width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.input-area button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 25px #dc262680}.input-area button:disabled{opacity:.4;cursor:not-allowed}.input-area button svg{width:20px;height:20px}.mic-btn{background:linear-gradient(135deg,var(--red-dark),var(--red))!important}.mic-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626)!important;animation:mic-pulse .5s ease-in-out infinite}@keyframes mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.memory-sidebar{position:fixed;top:0;right:-350px;width:350px;height:100vh;background:#050202f2;border-left:1px solid rgba(220,38,38,.3);z-index:100;transition:right .3s ease;display:flex;flex-direction:column}.memory-sidebar.open{right:0}.memory-header{padding:1rem;border-bottom:1px solid rgba(220,38,38,.2);display:flex;justify-content:space-between;align-items:center}.memory-header h3{color:var(--red-light);font-size:1rem;letter-spacing:.1em}.memory-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:.25rem}.memory-close:hover{color:var(--red)}.memory-threads{flex:1;overflow-y:auto;padding:.5rem}.memory-thread{background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:8px;margin-bottom:.75rem;overflow:hidden}.thread-header{padding:.75rem;background:#dc262626;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.thread-header:hover{background:#dc262633}.thread-title{color:var(--text);font-size:.8rem;font-weight:600}.thread-number{color:var(--red);font-weight:700;font-size:.9rem;min-width:30px}.thread-time{color:var(--text-muted);font-size:.65rem}.thread-content{padding:.75rem;font-size:.8rem;color:var(--text);line-height:1.5}.thread-content p{margin-bottom:.5rem}.thread-content p:last-child{margin-bottom:0}.memory-input-area{padding:1rem;border-top:1px solid rgba(220,38,38,.2)}.memory-input-area textarea{width:100%;min-height:80px;padding:.75rem;background:#00000080;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:var(--text);font-family:system-ui,sans-serif;font-size:.85rem;resize:vertical;outline:none}.memory-input-area textarea:focus{border-color:var(--red)}.memory-input-area textarea::placeholder{color:var(--text-muted)}.memory-input-area button{width:100%;margin-top:.5rem;padding:.75rem;background:linear-gradient(135deg,var(--red),var(--red-dark));border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:.8rem;cursor:pointer;transition:all .3s ease}.memory-input-area button:hover{box-shadow:0 0 20px #dc262666}.memory-toggle-btn{position:fixed;top:50%;right:0;transform:translateY(-50%);background:#dc2626cc;border:none;border-radius:8px 0 0 8px;padding:1rem .5rem;color:#fff;cursor:pointer;writing-mode:vertical-rl;font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:.1em;z-index:99;transition:all .3s ease}.memory-toggle-btn:hover{background:var(--red);padding-right:.75rem}.logs-toggle{position:fixed;bottom:1.5rem;right:1.5rem;padding:.6rem 1rem;border-radius:8px;border:1px solid rgba(220,38,38,.25);background:var(--bg-card);color:var(--text-muted);font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.logs-toggle:hover{border-color:var(--red);color:var(--text);box-shadow:0 0 15px #dc262633}.logs-panel{position:fixed;bottom:4rem;right:1.5rem;width:360px;max-height:260px;background:var(--bg-card);border-radius:12px;border:1px solid rgba(220,38,38,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;animation:slide-up .3s ease}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logs-actions{display:flex;gap:.5rem;padding:.75rem;border-bottom:1px solid rgba(220,38,38,.1)}.logs-actions button{padding:.4rem .75rem;border-radius:6px;border:1px solid rgba(220,38,38,.25);background:transparent;color:var(--text-muted);font-family:Orbitron,sans-serif;font-size:.65rem;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.logs-actions button:hover{background:#dc262626;color:var(--text)}.logs-actions .error-btn{border-color:#ef44444d;color:#f87171}.logs-actions .clear-btn{margin-left:auto}.logs-content{padding:.75rem;max-height:180px;overflow-y:auto}.log-entry{font-size:.7rem;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.03);font-family:monospace}.log-entry .timestamp{color:var(--text-muted);margin-right:.5rem}.log-entry .type{color:var(--red-light);margin-right:.5rem;text-transform:uppercase}.log-entry.error .type{color:#f87171}.log-entry.success .type{color:var(--red-light)}@media (max-width: 640px){.title{font-size:2.5rem;letter-spacing:.4em;margin-right:-.4em}.hydra-container-2{width:250px;height:220px}.chat{padding:1rem}.logs-panel{width:calc(100vw - 3rem);right:1.5rem;left:1.5rem}.cursor-follower{display:none}body{cursor:auto}}