:root{--color-void:#000;--color-shadow:#0a0a0a;--color-dark:#1a1a1a;--color-surface:#1f1f1f;--color-purple-900:#581c87;--color-purple-700:#7c3aed;--color-purple-600:#8b5cf6;--color-purple-500:#a855f7;--color-purple-400:#c084fc;--color-purple-300:#d8b4fe;--color-pink-600:#db2777;--color-pink-500:#ec4899;--color-pink-400:#f472b6;--color-pink-300:#f9a8d4;--glass-bg:rgba(255,255,255,.05);--glass-border:rgba(255,255,255,.1);--glass-shadow:rgba(0,0,0,.25);--gradient-primary:linear-gradient(135deg,var(--color-purple-600),var(--color-pink-500));--gradient-secondary:linear-gradient(135deg,var(--color-purple-700),var(--color-purple-400));--gradient-accent:linear-gradient(135deg,var(--color-pink-600),var(--color-pink-300));--gradient-glass:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.05));--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-bounce:all .4s cubic-bezier(.68,-.55,.265,1.55);--shadow-glass:0 8px 32px rgba(0,0,0,.3),0 4px 16px rgba(139,92,246,.1);--shadow-neon:0 0 20px rgba(139,92,246,.3),0 0 40px rgba(236,72,153,.2);--shadow-glow:0 0 30px rgba(139,92,246,.5)}.development-scroll::-webkit-scrollbar{width:8px}.development-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.development-scroll::-webkit-scrollbar-thumb{background:rgba(192,132,252,.5);border-radius:4px}.development-scroll::-webkit-scrollbar-thumb:hover{background:rgba(192,132,252,.7)}.task-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.2)}.task-completed{background:rgba(34,197,94,.1)!important;border-color:rgba(34,197,94,.3)!important}.module-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.module-card:hover{transform:translateY(-2px)}.module-locked{opacity:.6;cursor:not-allowed}.module-available{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;box-shadow:0 0 20px rgba(192,132,252,.4)}.module-unlocked{background:rgba(34,197,94,.1)!important;border-color:rgba(34,197,94,.3)!important}@keyframes liquidFlow{0%,to{transform:translate(-50%)translateY(-50%)rotate(0)}33%{transform:translate(-50%)translateY(-50%)rotate(120deg)}66%{transform:translate(-50%)translateY(-50%)rotate(240deg)}}@keyframes glassShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes loadingPulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes neonPulse{0%,to{border-color:rgba(139,92,246,.4);box-shadow:0 0 15px rgba(139,92,246,.2),0 0 25px rgba(236,72,153,.1)}50%{border-color:rgba(236,72,153,.5);box-shadow:0 0 20px rgba(139,92,246,.3),0 0 35px rgba(236,72,153,.2)}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:20px;position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);height:1px;position:absolute;top:0;left:0;right:0}.glass-panel:after{content:"";background:linear-gradient(transparent,rgba(255,255,255,.2),transparent);width:1px;position:absolute;top:0;bottom:0;left:0}.glass-button{background:var(--gradient-primary);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:12px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:scale(1);color:#fff!important}.glass-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.glass-button:hover:before{left:100%}.glass-button:hover{border-color:rgba(139,92,246,.8);transform:scale(1.05)translateY(-2px);box-shadow:0 0 20px rgba(139,92,246,.4),0 0 35px rgba(236,72,153,.2);color:#d1d5db!important}.glass-input{color:#fff;-webkit-backdrop-filter:blur(10px);transition:var(--transition-smooth);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px}@media (max-width:768px){.glass-input{-webkit-backdrop-filter:blur(16px)!important;background:rgba(0,0,0,.2)!important;border:1px solid rgba(255,255,255,.2)!important}}.glass-input:focus{border-color:var(--color-purple-500);background:rgba(255,255,255,.08);outline:none;box-shadow:0 0 20px rgba(139,92,246,.2)}.glass-input::placeholder{color:rgba(255,255,255,.5)}.liquid-bg{z-index:-1;background:var(--color-void);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.liquid-bg:before{content:"";background:radial-gradient(circle,var(--color-purple-900)0%,transparent 50%);width:200%;height:200%;animation:20s linear infinite liquidFlow;position:absolute;top:-50%;left:-50%}.liquid-bg:after{content:"";background:radial-gradient(circle,var(--color-pink-600)0%,transparent 50%);width:200%;height:200%;animation:25s linear infinite reverse liquidFlow;position:absolute;top:-50%;right:-50%}.neon-text{color:var(--color-purple-400);text-shadow:0 0 10px rgba(139,92,246,.5),0 0 20px rgba(139,92,246,.3),0 0 30px rgba(139,92,246,.2)}.neon-text-pink{color:var(--color-pink-400);text-shadow:0 0 10px rgba(236,72,153,.5),0 0 20px rgba(236,72,153,.3),0 0 30px rgba(236,72,153,.2)}.holographic{background:linear-gradient(45deg,var(--color-purple-600),var(--color-pink-500),var(--color-purple-400),var(--color-pink-400));-webkit-text-fill-color:transparent;background-size:400% 400%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite holographicShift}@keyframes holographicShift{0%,to{background-position:0%}50%{background-position:100%}}.holographic-blue{background:linear-gradient(45deg,#3b82f6,#06b6d4,#60a5fa,#22d3ee) 0 0/400% 400%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite holographicShift}.interactive-glow{transition:var(--transition-smooth);position:relative}.interactive-glow:hover{filter:brightness(1.1);transform:scale(1.02)}.interactive-glow:before{content:"";background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;transition:var(--transition-smooth);position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.interactive-glow:hover:before{opacity:.15;animation:3s ease-in-out infinite neonPulse}.subtle-glow{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform:scale(1);box-shadow:0 0 10px rgba(139,92,246,.1),0 0 20px rgba(236,72,153,.05);color:#fff!important}.subtle-glow:hover{border-color:rgba(139,92,246,.6);transform:scale(1.05)translateY(-2px);box-shadow:0 0 20px rgba(139,92,246,.3),0 0 30px rgba(236,72,153,.15);color:#d1d5db!important}.glass-button *,.subtle-glow *{color:#fff!important}.glass-button:hover *,.subtle-glow:hover *{color:#d1d5db!important}.float-animation{animation:6s ease-in-out infinite float}@keyframes liquidSoul{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0)}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(180deg)}75%{border-radius:40% 70% 60% 30%/60% 40% 50% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(360deg)}}.thinking-indicator-blob{background:linear-gradient(45deg,var(--color-purple-500),var(--color-pink-500));width:32px;height:32px;animation:10s ease-in-out infinite liquidSoul;box-shadow:0 0 10px rgba(192,132,252,.5),0 0 20px rgba(236,72,153,.3)}.glass-grid{gap:20px;padding:20px;display:grid}@media (min-width:768px){.glass-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:30px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:3px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--gradient-accent)}.conversations-scroll{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.5) transparent;overflow-y:auto}.conversations-scroll::-webkit-scrollbar{width:8px}.conversations-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px;margin:4px 0}.conversations-scroll::-webkit-scrollbar-thumb{background:linear-gradient(rgba(139,92,246,.6),rgba(236,72,153,.4));border:1px solid rgba(255,255,255,.1);border-radius:4px;transition:all .3s}.conversations-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(rgba(139,92,246,.8),rgba(236,72,153,.6));box-shadow:0 0 10px rgba(139,92,246,.4)}.conversations-container{height:calc(100vh - 180px);min-height:300px;max-height:calc(100vh - 180px);overflow-y:auto}@media (max-height:600px){.conversations-container{min-height:150px}}@media (max-height:700px){.conversations-container{min-height:200px}}@media (max-height:800px){.conversations-container{min-height:250px}}.loading-pulse{background:rgba(139,92,246,.1);animation:1.5s ease-in-out infinite loadingPulse;transform:none!important}.status-online{background:radial-gradient(circle,#f472b6,#ec4899);box-shadow:0 0 10px rgba(244,114,182,.5)}.status-offline{background:radial-gradient(circle,#ef4444,#dc2626);box-shadow:0 0 10px rgba(239,68,68,.5)}@keyframes neuronBlink{0%,to{opacity:.3;box-shadow:0 0 5px rgba(192,132,252,.3)}50%{opacity:.8;box-shadow:0 0 15px rgba(192,132,252,.8),0 0 25px rgba(236,72,153,.4)}}@keyframes synapseFlow{0%{opacity:.2;background-position:0 0}50%{opacity:.5}to{opacity:.2;background-position:100% 100%}}@keyframes tesseractRotate{0%{transform:rotate(0)translate(0)}25%{transform:rotate(90deg)translate(10px)}50%{transform:rotate(180deg)translate(0)}75%{transform:rotate(270deg)translate(-10px)}to{transform:rotate(360deg)translate(0)}}.tesseract-background{z-index:1;pointer-events:none;background:radial-gradient(circle at 20%,rgba(0,229,255,.06) 0%,transparent 50%),radial-gradient(circle at 80%,rgba(139,92,246,.06) 0%,transparent 50%);width:100%;height:100%;position:fixed;top:0;left:0}.tesseract-background:before{content:"";background-image:radial-gradient(circle at 10% 20%,rgba(192,132,252,.25) 2px,transparent 2px),radial-gradient(circle at 30% 70%,rgba(139,92,246,.2) 1.5px,transparent 1.5px),radial-gradient(circle at 60% 30%,rgba(192,132,252,.25) 2px,transparent 2px),radial-gradient(circle at 80% 80%,rgba(139,92,246,.2) 1.5px,transparent 1.5px),radial-gradient(circle at 45%,rgba(192,132,252,.2) 1.5px,transparent 1.5px),radial-gradient(circle at 70% 60%,rgba(139,92,246,.15) 1px,transparent 1px),radial-gradient(circle at 20% 90%,rgba(192,132,252,.2) 1.5px,transparent 1.5px),radial-gradient(circle at 90% 30%,rgba(139,92,246,.2) 1.5px,transparent 1.5px),radial-gradient(circle at 15% 40%,rgba(192,132,252,.15) 1px,transparent 1px),radial-gradient(circle at 50% 80%,rgba(139,92,246,.2) 1.5px,transparent 1.5px);background-position:0 0,40px 40px,80px 80px,120px 120px,160px 160px,200px 200px,25px 25px,65px 65px,105px 105px,145px 145px;background-size:200px 200px,180px 180px,220px 220px,160px 160px,240px 240px,190px 190px,210px 210px,170px 170px,230px 230px,150px 150px;width:100%;height:100%;animation:35s linear infinite tesseractRotate;position:absolute}.tesseract-background:after{content:"";background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.05) 25%,rgba(192,132,252,.05) 50%,rgba(139,92,246,.05) 75%,transparent 100%) 0 0/200% 100%;width:100%;height:100%;animation:8s ease-in-out infinite synapseFlow;position:absolute}.neuron{animation:neuronBlink var(--duration,3s)ease-in-out infinite;background:radial-gradient(circle,rgba(0,229,255,.6),rgba(0,229,255,.2));border-radius:50%;position:absolute}@keyframes synapsePulse{0%,to{opacity:.15}50%{opacity:.4}}.synapse{opacity:.2;animation:4s ease-in-out infinite synapsePulse;position:absolute}@keyframes magnify-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.nav-tab-button.magnifying .lucide{animation:.4s cubic-bezier(.22,1,.36,1) magnify-pulse}.nav-droplet{z-index:1;cursor:grab;background-color:rgba(47,43,43,.25);border-radius:9999px;height:100%;transition:all .7s cubic-bezier(.1,.9,.2,1);position:absolute;top:0;left:0}.nav-droplet.dragging{cursor:grabbing;transition:none}.nav-tab-button{z-index:2;cursor:pointer;color:#fff;background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 12px;transition:transform .2s ease-out;display:flex;position:relative}@media (min-width:640px){.nav-tab-button{padding:0 20px}}.nav-tab-button.magnified{transform:scale(1.2)}.nav-tab-label{opacity:1;margin-top:4px;font-size:12px;font-weight:500;transition:all .3s ease-in-out;transform:translateY(0)}.nav-tab-label.active{opacity:1;transform:translateY(0)}.nav-tab-button:hover .nav-tab-label{opacity:.7}.glass-panel:not(.bottom-nav-container){background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}@keyframes scaleInSmooth{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:.6s ease-out fadeIn}.animate-slideInRight{animation:.4s ease-out slideInRight}.animate-scaleIn{animation:.3s ease-out scaleInSmooth}.tesseract-background-small{width:80px;height:80px;animation:8s linear infinite tesseractRotate;position:relative}.tesseract-background-small:before{content:"";background:linear-gradient(45deg,transparent 30%,rgba(139,92,246,.2) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(236,72,153,.2) 50%,transparent 70%),radial-gradient(circle,rgba(0,229,255,.1) 0%,transparent 70%);border:2px solid rgba(139,92,246,.3);border-radius:12px;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 20px rgba(0,229,255,.2),0 0 30px rgba(139,92,246,.3)}.tesseract-background-small:after{content:"";background:radial-gradient(circle,rgba(139,92,246,.3),transparent);border:1px solid rgba(0,229,255,.2);border-radius:8px;animation:12s linear infinite reverse tesseractRotate;position:absolute;top:20px;bottom:20px;left:20px;right:20px}.console-message{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6}.console-message-user{color:#e9d5ff;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(236,72,153,.1));border-left:2px solid rgba(139,92,246,.5)}.console-message-assistant{color:#00e5ff;background:rgba(0,0,0,.3);border-left:2px solid rgba(0,229,255,.3)}.animate-fadeIn,.animate-slideInRight,.animate-scaleIn,.tesseract-background-small{display:none}.smooth-scroll{scroll-behavior:smooth}.smooth-scroll::-webkit-scrollbar{width:8px}.smooth-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px}.smooth-scroll::-webkit-scrollbar-thumb{background:linear-gradient(rgba(139,92,246,.6),rgba(236,72,153,.4));border-radius:10px;transition:all .3s}.smooth-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(rgba(139,92,246,.8),rgba(236,72,153,.6))}.liquid-select{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:rgba(0,0,0,.6) url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(192, 132, 252)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right .5rem center/1.5em 1.5em no-repeat;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.5rem 2.5rem .5rem 1rem;transition:all .3s}.liquid-select:hover{background:rgba(0,0,0,.8);border-color:rgba(192,132,252,.4);transform:translateY(-1px)}.liquid-select:focus{border-color:#c084fc;outline:none;box-shadow:0 0 0 3px rgba(192,132,252,.2)}.liquid-select option{color:#fff;background:#1a1a1a;padding:.5rem}.animate-fade-in{animation:.3s ease-in-out fadeIn}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-out{animation:.3s ease-in-out fadeOut}.liquid-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px rgba(139,92,246,.5)}.liquid-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px rgba(139,92,246,.5)}