.app-viewport{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.layout{display:flex;width:98vw;height:96vh;margin:2vh 1vw;background:hsla(var(--card-bg),.7);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 25px 50px -12px #00000080,inset 0 0 80px hsla(var(--accent-cyan),.05);overflow:hidden;position:relative;z-index:10}.sidebar{width:300px;background:hsla(var(--bg-color),.4);border-right:1px solid var(--glass-border);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;transition:width .3s ease}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:hsla(var(--accent-indigo),.1);border:1px solid hsla(var(--accent-indigo),.2);border-radius:8px}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,hsl(var(--accent-indigo)),hsl(var(--accent-purple)));border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:1rem;box-shadow:var(--glow-indigo)}.user-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.user-email{font-size:.75rem;color:hsl(var(--text-secondary));white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:monospace}.logout-btn{background:transparent;border:none;color:hsl(var(--error));font-size:.6rem;font-weight:800;letter-spacing:1px;cursor:pointer;padding:2px 0;width:fit-content;opacity:.7;transition:opacity .2s}.logout-btn:hover{opacity:1;text-decoration:underline}.sys-status{display:flex;align-items:center;gap:10px;padding:8px 12px;background:hsla(var(--success),.05);border:1px solid hsla(var(--success),.2);border-radius:6px}.status-indicator{width:8px;height:8px;border-radius:50%;background:hsl(var(--success));box-shadow:0 0 10px hsl(var(--success));animation:pulse-simple 2s infinite}.sys-status span{color:hsl(var(--success));font-size:.7rem;font-weight:700;letter-spacing:2px;font-family:monospace}.sidebar h2{font-size:.7rem;color:hsl(var(--text-muted));letter-spacing:3px;text-transform:uppercase;margin-top:1rem;display:flex;align-items:center;gap:8px}.sidebar h2:after{content:"";flex:1;height:1px;background:var(--glass-border)}.node-list{display:flex;flex-direction:column;gap:.5rem;position:relative}.node-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;background:transparent;border:1px solid transparent;transition:all .2s ease;cursor:default}.node-item:hover{background:hsla(var(--accent-cyan),.05);border-color:hsla(var(--accent-cyan),.1)}.node-name{font-size:.75rem;font-weight:500;color:hsl(var(--text-secondary));letter-spacing:1px;font-family:monospace;transition:color .3s}.node-icon{width:14px;height:14px;border-radius:3px;background:hsla(var(--text-muted),.3);position:relative;transition:all .3s ease}.node-icon.supervisor{background-color:hsl(var(--accent-indigo));box-shadow:0 0 10px hsla(var(--accent-indigo),.5)}.node-icon.planner{background-color:#0ff;box-shadow:0 0 10px #00ffff80}.node-icon.executor{background-color:#22c35d;box-shadow:0 0 10px #22c35d80}.node-icon.researcher{background-color:#0af;box-shadow:0 0 10px #00aaff80}.node-icon.weather{background-color:#ffbf00;box-shadow:0 0 10px #ffbf0080}.node-icon.calculator{background-color:#ff6a00;box-shadow:0 0 10px #ff6a0080}.node-icon.doc_parser{background-color:#0c8;box-shadow:0 0 10px #00cc8880}.node-icon.doc_generator{background-color:#f39;box-shadow:0 0 10px #ff339980}.active-node{background:hsla(var(--accent-cyan),.1)!important;border:1px solid hsla(var(--accent-cyan),.3)!important;box-shadow:inset 0 0 10px hsla(var(--accent-cyan),.1)}.active-node .node-name{color:#fff;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5)}.active-node .node-icon{transform:scale(1.2);animation:node-status-pulse 1.5s infinite}@keyframes node-status-pulse{0%{transform:scale(1.1);box-shadow:0 0 5px currentColor}50%{transform:scale(1.3);box-shadow:0 0 20px currentColor}to{transform:scale(1.1);box-shadow:0 0 5px currentColor}}.active-node:after{content:"";position:absolute;right:-24px;top:50%;width:24px;height:2px;background:linear-gradient(90deg,hsla(var(--accent-cyan),.5),transparent);box-shadow:0 0 10px hsla(var(--accent-cyan),.3);animation:extend-line .5s ease-out forwards}@keyframes extend-line{0%{width:0;opacity:0}to{width:24px;opacity:1}}.pulse-ring{margin-left:auto;width:6px;height:6px;border-radius:50%;background:hsl(var(--accent-cyan));box-shadow:0 0 10px hsl(var(--accent-cyan));animation:blink .8s infinite}.chat-container{flex:1;display:flex;flex-direction:column;background:hsla(var(--bg-color),.2)}.chat-header{padding:1.5rem 2rem;border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:4px}.chat-header h1{font-size:1.2rem;font-weight:900;letter-spacing:4px;color:hsl(var(--text-primary));text-shadow:0 0 20px hsla(var(--accent-cyan),.3)}.subtitle{color:hsl(var(--accent-cyan));font-size:.7rem;font-family:monospace;letter-spacing:2px;opacity:.8}.chat-history{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2rem;scroll-behavior:smooth}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{color:hsl(var(--accent-cyan));z-index:-1;animation:glitch-anim 3s infinite linear alternate-reverse}.glitch:after{color:hsl(var(--accent-indigo));z-index:-2;animation:glitch-anim2 2s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0);transform:skew(.5deg)}5%{clip:rect(10px,9999px,90px,0);transform:skew(.1deg)}10%{clip:rect(50px,9999px,30px,0);transform:skew(.4deg)}15%{clip:rect(20px,9999px,70px,0);transform:skew(.2deg)}20%{clip:rect(80px,9999px,40px,0);transform:skew(.5deg)}to{clip:rect(30px,9999px,10px,0);transform:skew(.5deg)}}@keyframes glitch-anim2{0%{clip:rect(10px,9999px,40px,0);transform:skew(-.5deg)}5%{clip:rect(70px,9999px,20px,0);transform:skew(-.2deg)}10%{clip:rect(30px,9999px,80px,0);transform:skew(-.4deg)}15%{clip:rect(50px,9999px,10px,0);transform:skew(-.1deg)}20%{clip:rect(90px,9999px,60px,0);transform:skew(-.5deg)}to{clip:rect(10px,9999px,40px,0);transform:skew(-.5deg)}}.grid-bg{animation:grid-scroll 60s linear infinite}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 500px}}.chat-bubble{max-width:85%;display:flex;flex-direction:column;animation:terminal-entry .4s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes terminal-entry{0%{opacity:0;transform:translateY(20px) scale(.98);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.bubble-header{margin-bottom:6px;display:flex;align-items:center;gap:8px}.bubble-label{font-size:.6rem;font-family:monospace;letter-spacing:2px;color:hsl(var(--text-muted));padding:2px 8px;background:hsla(var(--bg-color),.5);border:1px solid var(--glass-border);border-radius:4px}.bubble-content{padding:1rem 1.25rem;border-radius:8px;font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;position:relative;overflow:hidden}.user-bubble{align-self:flex-end}.user-bubble .bubble-label{color:hsl(var(--accent-indigo));border-color:hsla(var(--accent-indigo),.3);margin-left:auto}.user-bubble .bubble-content{background:hsla(var(--accent-indigo),.1);border:1px solid hsla(var(--accent-indigo),.2);color:hsl(var(--text-primary));border-top-right-radius:2px}.agent-bubble{align-self:flex-start;width:100%}.agent-bubble .bubble-label{color:hsl(var(--accent-cyan));border-color:hsla(var(--accent-cyan),.3)}.agent-bubble .bubble-content{font-family:JetBrains Mono,monospace;font-size:.85rem;background:hsla(var(--card-bg),.8);border:1px solid hsla(var(--accent-cyan),.2);color:hsl(var(--text-primary));border-top-left-radius:2px;box-shadow:0 10px 30px #0003}.agent-bubble .bubble-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,hsl(var(--accent-cyan)),transparent);opacity:.5}.typing-indicator .bubble-content{color:hsl(var(--accent-cyan));display:flex;align-items:center;gap:12px}.typing-indicator .bubble-content:after{content:"█";font-size:1.2rem;animation:blink .8s infinite;margin-left:4px}.typing-node{color:hsl(var(--accent-cyan));font-weight:700;text-decoration:underline;text-underline-offset:4px}.chat-input-area{padding:1.5rem 2rem;background:hsla(var(--bg-color),.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--glass-border);display:flex;gap:1rem;align-items:center}.chat-input{flex:1;background:hsla(var(--card-bg),.5);border:1px solid var(--glass-border);padding:1rem 1.5rem;border-radius:8px;color:hsl(var(--text-primary));font-size:.9rem;font-family:JetBrains Mono,monospace;transition:all .3s}.chat-input:focus{outline:none;border-color:hsl(var(--accent-cyan));background:hsla(var(--card-bg),.8);box-shadow:0 0 20px hsla(var(--accent-cyan),.1)}.chat-input::placeholder{color:hsl(var(--text-muted));letter-spacing:1px}.chat-submit-btn{background:hsla(var(--text-muted),.2);border:1px solid var(--glass-border);color:hsl(var(--text-muted));padding:0 2rem;height:3rem;border-radius:8px;font-family:monospace;font-weight:700;font-size:.8rem;letter-spacing:2px;cursor:not-allowed;transition:all .3s}.chat-submit-btn.ready{background:hsl(var(--accent-cyan));border-color:transparent;color:hsl(var(--bg-color));cursor:pointer;box-shadow:var(--glow-cyan)}.chat-submit-btn.ready:hover{transform:translateY(-2px);box-shadow:0 5px 25px hsla(var(--accent-cyan),.5)}.mic-btn{background:hsla(var(--card-bg),.5);border:1px solid var(--glass-border);width:3rem;height:3rem;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.mic-btn:hover{border-color:hsl(var(--accent-cyan));background:hsla(var(--card-bg),.8)}.mic-icon{width:12px;height:12px;background:hsl(var(--text-muted));border-radius:50%;transition:all .3s}.mic-btn.listening{border-color:hsl(var(--error));box-shadow:0 0 15px hsla(var(--error),.4);animation:mic-pulse 1.5s infinite}.mic-btn.listening .mic-icon{background:hsl(var(--error));transform:scale(1.2)}@keyframes mic-pulse{0%{box-shadow:0 0 hsla(var(--error),.4)}70%{box-shadow:0 0 0 10px hsla(var(--error),0)}to{box-shadow:0 0 hsla(var(--error),0)}}.review-actions button{font-family:monospace;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;transition:all .2s}.review-actions button:hover{filter:brightness(1.2);transform:translateY(-1px)}@keyframes pulse-simple{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(.95)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.download-link{display:inline-flex;align-items:center;gap:8px;background:hsla(var(--accent-purple),.1);border:1px solid hsla(var(--accent-purple),.3);color:hsl(var(--accent-purple));padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:700;font-size:.8rem;font-family:monospace;transition:all .2s}.download-link:hover{background:hsla(var(--accent-purple),.2);transform:translate(4px)}.data-stream{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:hidden}.node-particle{position:absolute;width:10px;height:2px;border-radius:2px;opacity:0;background:#fff;filter:blur(1px)}.node-particle.supervisor{background-color:hsl(var(--accent-indigo));box-shadow:0 0 10px hsla(var(--accent-indigo),.8)}.node-particle.planner{background-color:#0ff;box-shadow:0 0 10px #0ffc}.node-particle.executor{background-color:#22c35d;box-shadow:0 0 10px #22c35dcc}.node-particle.researcher{background-color:#0af;box-shadow:0 0 10px #0afc}.node-particle.weather{background-color:#ffbf00;box-shadow:0 0 10px #ffbf00cc}.node-particle.calculator{background-color:#ff6a00;box-shadow:0 0 10px #ff6a00cc}.node-particle.doc_parser{background-color:#0c8;box-shadow:0 0 10px #0c8c}.node-particle.doc_generator{background-color:#f39;box-shadow:0 0 10px #f39c}.node-particle{animation:particle-stream 2s linear infinite}@keyframes particle-stream{0%{top:50%;left:80px;opacity:0;transform:scaleX(.5)}20%{opacity:1;transform:scaleX(2)}80%{opacity:1}to{top:90%;left:80%;opacity:0;transform:scaleX(.5)}}.auth-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:transparent;z-index:100;overflow:hidden}.auth-card{width:100%;max-width:420px;padding:3rem 2.5rem;background:hsla(var(--card-bg),.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 0 100px #00000080,var(--glow-indigo);position:relative;z-index:10;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.logo-hex{width:60px;height:60px;background:linear-gradient(135deg,hsl(var(--accent-cyan)),hsl(var(--accent-indigo)));clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);box-shadow:var(--glow-cyan);position:relative}.auth-header h1{font-size:1.5rem;font-weight:900;letter-spacing:6px;color:hsl(var(--text-primary));margin-bottom:8px;text-transform:uppercase}.auth-header p{font-size:.75rem;color:hsl(var(--accent-cyan));font-family:monospace;letter-spacing:2px;opacity:.8}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.65rem;font-weight:700;color:hsl(var(--text-secondary));letter-spacing:2px;font-family:monospace}.form-group input{background:hsla(var(--bg-color),.5);border:1px solid var(--glass-border);padding:1rem;border-radius:6px;color:hsl(var(--text-primary));font-family:monospace;font-size:.9rem;transition:all .3s}.form-group input:focus{outline:none;border-color:hsl(var(--accent-cyan));box-shadow:0 0 15px hsla(var(--accent-cyan),.2)}.auth-error{background:hsla(var(--error),.1);border:1px solid hsla(var(--error),.3);color:hsl(var(--error));padding:10px;border-radius:6px;font-size:.75rem;font-family:monospace;text-align:center}.auth-submit{background:hsl(var(--accent-cyan));border:none;color:hsl(var(--bg-color));padding:1rem;border-radius:6px;font-weight:900;letter-spacing:3px;cursor:pointer;font-family:monospace;transition:all .3s;box-shadow:var(--glow-cyan)}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 5px 25px hsla(var(--accent-cyan),.5)}.auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.auth-divider span{font-size:.7rem;color:hsl(var(--text-muted));font-family:monospace}.auth-google{background:transparent;border:1px solid var(--glass-border);color:hsl(var(--text-primary));padding:.8rem;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-family:monospace;letter-spacing:1px;cursor:pointer;transition:all .2s}.auth-google:hover{background:hsla(var(--text-primary),.05);border-color:hsl(var(--text-primary))}.google-icon{width:18px;height:18px}.auth-footer{margin-top:2rem;text-align:center}.auth-toggle{background:transparent;border:none;color:hsl(var(--text-muted));font-size:.7rem;font-family:monospace;letter-spacing:1px;cursor:pointer;transition:color .2s}.auth-toggle:hover{color:hsl(var(--accent-cyan))}.auth-background{display:none}:root{--bg-color: 222 47% 4%;--card-bg: 222 47% 7%;--accent-cyan: 180 100% 50%;--accent-indigo: 243 75% 59%;--accent-purple: 270 95% 75%;--text-primary: 210 40% 98%;--text-secondary: 215 20% 65%;--text-muted: 217 19% 27%;--error: 0 84% 60%;--success: 142 70% 45%;--glow-cyan: 0 0 20px hsla(180, 100%, 50%, .3);--glow-indigo: 0 0 20px hsla(243, 75%, 59%, .3);--glass-border: hsla(210, 40%, 98%, .1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-color));color:hsl(var(--text-primary));font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;height:100vh;width:100vw}code,pre,.terminal-text{font-family:JetBrains Mono,Fira Code,Courier New,monospace}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#12101000 50%,#0000001a 50%);background-size:100% 4px;z-index:9999;pointer-events:none;opacity:.15}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(hsla(180,100%,50%,.05) 1px,transparent 1px),linear-gradient(90deg,hsla(180,100%,50%,.05) 1px,transparent 1px);background-size:50px 50px;background-position:center center;z-index:-1;-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%);mask-image:radial-gradient(circle at center,black,transparent 80%)}.noise{position:fixed;top:0;left:0;width:100%;height:100%;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxmcmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9IjAuMSIvPjwvc3ZnPg==);opacity:.05;z-index:1000;pointer-events:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0ff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0ff6}
