@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:radial-gradient(ellipse at 20% 20%,rgba(220,38,38,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,0,0,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(30,30,50,.8) 0%,transparent 70%),linear-gradient(180deg,#0a0a12,#050508,#0a0505);overflow:hidden}.galaxy-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(220,38,38,.02) 2px,rgba(220,38,38,.02) 4px);animation:scanline-move 8s linear infinite}.galaxy-bg:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(220,38,38,.03) 10deg,transparent 20deg,rgba(220,38,38,.02) 30deg,transparent 40deg,rgba(139,0,0,.03) 50deg,transparent 60deg);animation:vortex-rotate 60s linear infinite}@keyframes scanline-move{0%{transform:translateY(0)}to{transform:translateY(100px)}}@keyframes vortex-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.city-3d-container{position:fixed;bottom:0;left:0;width:100%;height:55%;z-index:0;perspective:800px;perspective-origin:50% 100%;overflow:hidden;background:linear-gradient(0deg,rgba(220,38,38,.08) 0%,transparent 30%)}.city-3d-scene{position:absolute;bottom:0;left:50%;transform:translate(-50%) rotateX(65deg);transform-style:preserve-3d;width:400vw;height:200vh}.city-grid{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(220,38,38,.15) 1px,transparent 1px),linear-gradient(0deg,rgba(220,38,38,.15) 1px,transparent 1px);background-size:100px 100px;transform:rotateX(90deg) translateZ(-10px);animation:grid-flow 4s ease-in-out infinite,grid-pulse 3s ease-in-out infinite}@keyframes grid-flow{0%,to{transform:rotateX(90deg) translateZ(-10px) translate(0)}50%{transform:rotateX(90deg) translateZ(-10px) translate(50px)}}@keyframes grid-pulse{0%,to{opacity:.4}50%{opacity:.7}}.building{position:absolute;bottom:0;background:linear-gradient(180deg,#140a0fe6,#0a050af2);border:1px solid rgba(220,38,38,.25);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:25%;background:linear-gradient(0deg,rgba(220,38,38,.2) 0%,rgba(220,38,38,.05) 50%,transparent 100%);z-index:9;animation:reflection-flicker 3s ease-in-out infinite}@keyframes reflection-flicker{0%,to{opacity:.8}50%{opacity:1}}.floating-particle{position:absolute;width:2px;height:2px;background:var(--red);border-radius:50%;box-shadow:0 0 5px var(--red),0 0 10px #dc26264d;animation:float-up 8s linear infinite;opacity:.7}@keyframes float-up{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(-20vh) translate(50px);opacity:0}}.data-stream{position:fixed;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.data-stream:before,.data-stream:after{content:"";position:absolute;width:2px;height:100px;background:linear-gradient(180deg,transparent,rgba(220,38,38,.6),transparent);animation:stream-fall 2s linear infinite}.data-stream:before{left:20%;animation-delay:0s}.data-stream:after{left:80%;animation-delay:1s}@keyframes stream-fall{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.hex-pattern{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23dc2626' fill-opacity='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:hex-drift 20s linear infinite}@keyframes hex-drift{0%{transform:translate(0)}to{transform:translate(28px,49px)}}.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{position:fixed;left:0;top:0;width:100%;height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:2rem 4rem 2rem 3rem;z-index:1}.title-container{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex-shrink:0;padding-right:2rem}.title-container .status{display:none}.title{font-size:3.5rem;font-weight:800;letter-spacing:.4em;margin-right:-.4em;background:linear-gradient(90deg,#3a2020,#4a2525,#3a2020);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-dim 4s ease-in-out infinite;filter:drop-shadow(0 0 3px rgba(150,20,20,.3));transition:all .8s ease}.title.listening{background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626,#b91c1c,#dc2626);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-glow 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(220,38,38,.8)) drop-shadow(0 0 30px rgba(220,38,38,.4))}@keyframes title-dim{0%,to{background-position:0% 50%;filter:drop-shadow(0 0 3px rgba(150,20,20,.3))}50%{background-position:100% 50%;filter:drop-shadow(0 0 5px rgba(150,20,20,.4))}}@keyframes title-glow{0%,to{background-position:0% 50%;filter:drop-shadow(0 0 15px rgba(220,38,38,.8)) drop-shadow(0 0 30px rgba(220,38,38,.4))}25%{background-position:25% 50%;filter:drop-shadow(0 0 20px rgba(239,68,68,.9)) drop-shadow(0 0 40px rgba(220,38,38,.5))}50%{background-position:50% 50%;filter:drop-shadow(0 0 15px rgba(185,28,28,.8)) drop-shadow(0 0 30px rgba(220,38,38,.4))}75%{background-position:75% 50%;filter:drop-shadow(0 0 18px rgba(239,68,68,.9)) drop-shadow(0 0 35px rgba(220,38,38,.5))}}.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{flex:1;max-width:900px;min-width:600px;background:var(--bg-card);border-radius:20px;padding:2rem;border:1px solid rgba(220,38,38,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;height:85vh;margin-right:4rem;margin-left:1rem}.messages{flex:1;min-height:400px;max-height:none;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:1rem 1.25rem;border-radius:4px;margin-bottom:.75rem;font-size:1rem;line-height:1.7;font-family:Courier New,monospace;position:relative;animation:msg-in .3s ease;white-space:pre-wrap;word-wrap:break-word}@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)}}.image-btn{background:linear-gradient(135deg,#374151,#1f2937)!important}.image-btn:hover{background:linear-gradient(135deg,#4b5563,#374151)!important}.image-preview-container{position:relative;margin-top:.75rem;display:inline-block}.image-preview{max-width:150px;max-height:100px;border-radius:8px;border:1px solid rgba(220,38,38,.3)}.image-remove-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--red);border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-remove-btn:hover{background:var(--red-light)}.message img.message-image{max-width:200px;max-height:150px;border-radius:8px;margin-top:.5rem;border:1px solid rgba(220,38,38,.3)}.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: 768px){.content{position:fixed;left:0;top:0;width:100%;height:100vh;flex-direction:column;padding:1rem;justify-content:center}.title-container{order:-1;margin-bottom:1rem}.title{font-size:2.5rem;letter-spacing:.3em;margin-right:-.3em}.chat{max-width:100%;min-width:auto;width:100%;padding:1rem;border-radius:16px;height:60vh;margin-right:0}.messages{min-height:200px;max-height:none}.message{font-size:.9rem;padding:.75rem 1rem}.input-area input{padding:.75rem 1rem;font-size:.9rem}.input-area button{width:44px;height:44px}.status{font-size:.75rem;padding:.5rem 1rem}.logs-panel{width:calc(100vw - 2rem);right:1rem;left:1rem}.cursor-follower{display:none}body{cursor:auto}.city-3d-container{height:40%}.memory-sidebar{width:100%;right:-100%}}@media (max-width: 480px){.title{font-size:2rem;letter-spacing:.2em;margin-right:-.2em}.sound-wave{height:30px;gap:4px}.sound-wave span{width:3px;height:6px}.chat{padding:.75rem}.messages{min-height:250px;max-height:45vh}.input-area{gap:.5rem}.input-area input{padding:.6rem .9rem}.image-preview{max-width:100px;max-height:70px}}@media (min-width: 769px) and (max-width: 1200px){.content{left:1.5rem;width:calc(100% - 3rem - 300px)}.chat{max-width:100%}}@media (min-width: 1201px){.content{left:2rem;width:calc(100% - 4rem - 350px)}}.music-player{position:fixed;bottom:80px;right:20px;width:350px;max-height:500px;background:var(--bg-card);border:1px solid var(--red);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 30px #dc26264d,inset 0 0 30px #dc26260d;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.music-player-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(220,38,38,.3)}.music-player-header h3{font-size:1rem;color:var(--red);text-shadow:0 0 10px var(--red)}.music-close{background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;opacity:.7;transition:all .2s}.music-close:hover{opacity:1;color:var(--red)}.music-tabs{display:flex;border-bottom:1px solid rgba(220,38,38,.3)}.music-tab{flex:1;padding:.8rem;background:none;border:none;color:var(--text-muted);font-family:Orbitron,sans-serif;font-size:.8rem;cursor:pointer;transition:all .2s}.music-tab.active{color:var(--red);background:#dc26261a;border-bottom:2px solid var(--red)}.music-tab:hover:not(.active){color:var(--text);background:#ffffff0d}.radio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem;max-height:250px;overflow-y:auto}.radio-station{display:flex;align-items:center;gap:.5rem;padding:.8rem;background:#ffffff08;border:1px solid rgba(220,38,38,.2);border-radius:8px;cursor:pointer;transition:all .2s}.radio-station:hover{background:#dc26261a;border-color:var(--red)}.radio-station.active{background:#dc262633;border-color:var(--red);box-shadow:0 0 15px #dc26264d}.station-icon{font-size:1.2rem}.station-name{font-size:.75rem;color:var(--text)}.music-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid rgba(220,38,38,.3)}.music-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;transition:all .2s}.play-btn{width:50px;height:50px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 0 20px #dc262680}.play-btn:hover{transform:scale(1.1);box-shadow:0 0 30px #dc2626b3}.volume-control{display:flex;align-items:center;gap:.5rem}.volume-control input{width:80px;accent-color:var(--red)}.now-playing{padding:.8rem 1rem;text-align:center;font-size:.8rem;color:var(--text-muted);border-top:1px solid rgba(220,38,38,.3)}.station-highlight{color:var(--red);text-shadow:0 0 10px var(--red)}.youtube-search{display:flex;gap:.5rem;padding:1rem}.youtube-search input{flex:1;padding:.6rem;background:#ffffff0d;border:1px solid rgba(220,38,38,.3);border-radius:6px;color:var(--text);font-family:Orbitron,sans-serif;font-size:.8rem}.youtube-search input:focus{outline:none;border-color:var(--red);box-shadow:0 0 10px #dc26264d}.youtube-search button{padding:.6rem 1rem;background:var(--red);border:none;border-radius:6px;color:var(--text);cursor:pointer;font-size:1rem;transition:all .2s}.youtube-search button:hover{background:var(--red-light)}.youtube-results{max-height:280px;overflow-y:auto;padding:0 .5rem}.youtube-result{display:flex;justify-content:space-between;align-items:center;padding:.8rem;margin-bottom:.5rem;background:#ffffff08;border:1px solid rgba(220,38,38,.2);border-radius:8px;cursor:pointer;transition:all .2s}.youtube-result:hover{background:#dc26261a;border-color:var(--red)}.result-info{display:flex;flex-direction:column;gap:.2rem;max-width:80%}.result-title{font-size:.8rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-author{font-size:.7rem;color:var(--text-muted)}.result-duration{font-size:.7rem;color:var(--text-muted);background:#ffffff1a;padding:.2rem .5rem;border-radius:4px}.music-toggle-btn{position:fixed;bottom:20px;right:20px;padding:.8rem 1.2rem;background:var(--red);border:none;border-radius:8px;color:var(--text);font-family:Orbitron,sans-serif;font-size:.8rem;cursor:pointer;box-shadow:0 0 20px #dc262680;transition:all .2s;z-index:999}.music-toggle-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #dc2626b3}.discord-panel{position:fixed;bottom:80px;right:20px;width:400px;max-height:550px;background:var(--bg-card);border:1px solid #5865F2;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 30px #5865f24d;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.discord-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#5865f233;border-bottom:1px solid rgba(88,101,242,.3)}.discord-header h3{font-size:1rem;color:#5865f2;text-shadow:0 0 10px rgba(88,101,242,.5)}.discord-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#747f8d}.status-dot.online{background:#3ba55c;box-shadow:0 0 8px #3ba55c80}.discord-close{background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;opacity:.7}.discord-close:hover{opacity:1;color:var(--red)}.discord-tabs{display:flex;border-bottom:1px solid rgba(88,101,242,.3)}.discord-tabs button{flex:1;padding:.7rem;background:none;border:none;color:var(--text-muted);font-family:Orbitron,sans-serif;font-size:.75rem;cursor:pointer;transition:all .2s}.discord-tabs button:hover{color:var(--text);background:#5865f21a}.discord-tabs button.active{color:#5865f2;background:#5865f226;border-bottom:2px solid #5865F2}.discord-content{flex:1;overflow-y:auto;padding:1rem}.discord-home,.discord-bot,.discord-mod,.discord-logs{display:flex;flex-direction:column;gap:1rem}.discord-home h4,.discord-bot h4,.discord-mod h4,.discord-logs h4{font-size:.9rem;color:var(--text);margin-bottom:.5rem}.bot-control{text-align:center}.start-btn{padding:.8rem 1.5rem;background:#5865f2;border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:.8rem;cursor:pointer;box-shadow:0 0 15px #5865f266;transition:all .2s}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #5865f299}.quick-commands{text-align:center}.command-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.cmd-btn{padding:.6rem;background:#5865f233;border:1px solid rgba(88,101,242,.3);border-radius:6px;color:var(--text);font-family:Orbitron,sans-serif;font-size:.7rem;cursor:pointer;transition:all .2s}.cmd-btn:hover{background:#5865f266;border-color:#5865f2}.chat-section{background:#0003;border-radius:8px;padding:.8rem}.chat-messages{max-height:120px;overflow-y:auto;margin-bottom:.8rem}.chat-msg{padding:.4rem;font-size:.75rem;border-radius:4px;margin-bottom:.3rem}.chat-msg.user{background:#5865f233;color:#b9bbbe}.chat-msg.hydra{background:#dc262633;color:var(--text)}.chat-input{display:flex;gap:.5rem}.chat-input input{flex:1;padding:.5rem;background:#ffffff0d;border:1px solid rgba(88,101,242,.3);border-radius:4px;color:var(--text);font-family:Orbitron,sans-serif;font-size:.75rem}.chat-input button{padding:.5rem 1rem;background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem}.command-input{display:flex;gap:.5rem}.command-input input{flex:1;padding:.7rem;background:#ffffff0d;border:1px solid rgba(88,101,242,.3);border-radius:6px;color:var(--text);font-family:Orbitron,sans-serif;font-size:.8rem}.command-input button{padding:.7rem 1rem;background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer}.command-help{background:#0003;border-radius:8px;padding:.8rem;font-size:.75rem}.command-help ul{list-style:none;padding:0}.command-help li{padding:.3rem 0}.command-help code{background:#5865f233;padding:.2rem .4rem;border-radius:4px;color:#5865f2}.mod-info{font-size:.75rem;color:var(--text-muted);background:#0003;padding:.8rem;border-radius:8px}.mod-commands{display:flex;flex-direction:column;gap:.5rem}.mod-cmd{display:flex;justify-content:space-between;align-items:center;padding:.6rem;background:#5865f21a;border-radius:6px;font-size:.75rem}.mod-cmd code{color:#5865f2}.mod-cmd span{color:var(--text-muted)}.log-list{max-height:250px;overflow-y:auto;background:#0000004d;border-radius:8px;padding:.5rem}.no-logs{text-align:center;color:var(--text-muted);font-size:.8rem;padding:2rem}.log-entry{display:flex;gap:.5rem;padding:.3rem;font-size:.7rem;border-radius:4px;margin-bottom:.2rem}.log-entry.user{background:#5865f233}.log-entry.bot{background:#dc262633}.log-entry.success{background:#3ba55c33}.log-entry.error{background:#feca1533;color:#fee75c}.log-time{color:var(--text-muted)}.clear-logs{margin-top:.5rem;padding:.5rem;background:#dc262633;border:1px solid rgba(220,38,38,.3);border-radius:6px;color:var(--text);cursor:pointer;font-size:.75rem}.discord-toggle-btn{position:fixed;bottom:20px;right:120px;padding:.8rem 1.2rem;background:#5865f2;border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:.8rem;cursor:pointer;box-shadow:0 0 20px #5865f280;transition:all .2s;z-index:999}.discord-toggle-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #5865f2b3}