: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:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:#00000040;--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,#8b5cf61a,#ec48990d);--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 #0000004d,0 4px 16px #8b5cf61a;--shadow-neon:0 0 20px #8b5cf64d,0 0 40px #ec489933;--shadow-glow:0 0 30px #8b5cf680}.development-scroll::-webkit-scrollbar{width:8px}.development-scroll::-webkit-scrollbar-track{background:#0003}.development-scroll::-webkit-scrollbar-thumb{background:#c084fc80;border-radius:4px}.development-scroll::-webkit-scrollbar-thumb:hover{background:#c084fcb3}.task-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.task-completed{background:#22c55e1a!important;border-color:#22c55e4d!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 #c084fc66}.module-unlocked{background:#22c55e1a!important;border-color:#22c55e4d!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:#8b5cf666;box-shadow:0 0 15px #8b5cf633,0 0 25px #ec48991a}50%{border-color:#ec489980;box-shadow:0 0 20px #8b5cf64d,0 0 35px #ec489933}}@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,#0000,#fff6,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-panel:after{content:"";background:linear-gradient(#0000,#fff3,#0000);width:1px;position:absolute;top:0;bottom:0;left:0}.glass-button{background:var(--gradient-primary);-webkit-backdrop-filter:blur(10px);border:1px solid #fff3;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,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.glass-button:hover:before{left:100%}.glass-button:hover{border-color:#8b5cf6cc;transform:scale(1.05)translateY(-2px);box-shadow:0 0 20px #8b5cf666,0 0 35px #ec489933;color:#d1d5db!important}.glass-input{color:#fff;-webkit-backdrop-filter:blur(10px);transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px}@media (max-width:768px){.glass-input{-webkit-backdrop-filter:blur(16px)!important;background:#0003!important;border:1px solid #fff3!important}}.glass-input:focus{border-color:var(--color-purple-500);background:#ffffff14;outline:none;box-shadow:0 0 20px #8b5cf633}.glass-input::placeholder{color:#ffffff80}.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 #8b5cf680,0 0 20px #8b5cf64d,0 0 30px #8b5cf633}.neon-text-pink{color:var(--color-pink-400);text-shadow:0 0 10px #ec489980,0 0 20px #ec48994d,0 0 30px #ec489933}.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;inset:-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 #8b5cf61a,0 0 20px #ec48990d;color:#fff!important}.subtle-glow:hover{border-color:#8b5cf699;transform:scale(1.05)translateY(-2px);box-shadow:0 0 20px #8b5cf64d,0 0 30px #ec489926;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 #c084fc80,0 0 20px #ec48994d}.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:#ffffff0d;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:#8b5cf680 transparent;overflow-y:auto}.conversations-scroll::-webkit-scrollbar{width:8px}.conversations-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px;margin:4px 0}.conversations-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#8b5cf699,#ec489966);border:1px solid #ffffff1a;border-radius:4px;transition:all .3s}.conversations-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8b5cf6cc,#ec489999);box-shadow:0 0 10px #8b5cf666}.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:#8b5cf61a;animation:1.5s ease-in-out infinite loadingPulse;transform:none!important}.status-online{background:radial-gradient(circle,#f472b6,#ec4899);box-shadow:0 0 10px #f472b680}.status-offline{background:radial-gradient(circle,#ef4444,#dc2626);box-shadow:0 0 10px #ef444480}@keyframes neuronBlink{0%,to{opacity:.3;box-shadow:0 0 5px #c084fc4d}50%{opacity:.8;box-shadow:0 0 15px #c084fccc,0 0 25px #ec489966}}@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%,#00e5ff0f 0%,#0000 50%),radial-gradient(circle at 80%,#8b5cf60f 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}.tesseract-background:before{content:"";background-image:radial-gradient(circle at 10% 20%,#c084fc40 2px,#0000 2px),radial-gradient(circle at 30% 70%,#8b5cf633 1.5px,#0000 1.5px),radial-gradient(circle at 60% 30%,#c084fc40 2px,#0000 2px),radial-gradient(circle at 80% 80%,#8b5cf633 1.5px,#0000 1.5px),radial-gradient(circle at 45%,#c084fc33 1.5px,#0000 1.5px),radial-gradient(circle at 70% 60%,#8b5cf626 1px,#0000 1px),radial-gradient(circle at 20% 90%,#c084fc33 1.5px,#0000 1.5px),radial-gradient(circle at 90% 30%,#8b5cf633 1.5px,#0000 1.5px),radial-gradient(circle at 15% 40%,#c084fc26 1px,#0000 1px),radial-gradient(circle at 50% 80%,#8b5cf633 1.5px,#0000 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,#0000 0%,#8b5cf60d 25%,#c084fc0d 50%,#8b5cf60d 75%,#0000 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,#00e5ff99,#00e5ff33);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:#2f2b2b40;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,#0000 30%,#8b5cf633 50%,#0000 70%),linear-gradient(-45deg,#0000 30%,#ec489933 50%,#0000 70%),radial-gradient(circle,#00e5ff1a 0%,#0000 70%);border:2px solid #8b5cf64d;border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 0 20px #00e5ff33,0 0 30px #8b5cf64d}.tesseract-background-small:after{content:"";background:radial-gradient(circle,#8b5cf64d,#0000);border:1px solid #00e5ff33;border-radius:8px;animation:12s linear infinite reverse tesseractRotate;position:absolute;inset: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,#8b5cf626,#ec48991a);border-left:2px solid #8b5cf680}.console-message-assistant{color:#00e5ff;background:#0000004d;border-left:2px solid #00e5ff4d}.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:#ffffff0d;border-radius:10px}.smooth-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#8b5cf699,#ec489966);border-radius:10px;transition:all .3s}.smooth-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8b5cf6cc,#ec489999)}.liquid-select{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;appearance:none;cursor:pointer;background:#0009 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 #fff3;border-radius:.5rem;padding:.5rem 2.5rem .5rem 1rem;transition:all .3s}.liquid-select:hover{background:#000c;border-color:#c084fc66;transform:translateY(-1px)}.liquid-select:focus{border-color:#c084fc;outline:none;box-shadow:0 0 0 3px #c084fc33}.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{appearance:none;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #8b5cf680}.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 #8b5cf680}