:root{color:#edf3ff;font-synthesis:none;text-rendering:optimizelegibility;background:#05070d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#05070d;min-width:320px;overflow:hidden}button,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0}.app{background:radial-gradient(circle at 72% 8%,#5b77ff1c,#0000 30%),radial-gradient(circle at 20% 90%,#3fd6be0b,#0000 26%),#05070d;height:100%;display:flex;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(70px);opacity:.32;border-radius:50%;position:absolute}.ambient-one{background:#304dff;width:260px;height:260px;animation:12s ease-in-out infinite drift;top:-120px;right:8%}.ambient-two{background:#1b8c9b;width:220px;height:220px;animation:15s ease-in-out infinite reverse drift;bottom:-130px;left:10%}.sidebar{z-index:5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080b13d1;border-right:1px solid #ffffff12;flex-direction:column;flex:0 0 252px;width:252px;padding:18px 13px;transition:width .3s cubic-bezier(.22,1,.36,1),flex-basis .3s cubic-bezier(.22,1,.36,1),background .3s;display:flex}.sidebar.collapsed{flex-basis:76px;width:76px}.brand{align-items:center;gap:11px;height:48px;padding:0 5px;display:flex;position:relative}.brand-mark,.welcome-orb,.placeholder-orb{position:relative;overflow:hidden}.brand-mark{color:#08101e;background:linear-gradient(135deg,#e4ecff,#6b8cff);border-radius:11px;place-items:center;width:34px;height:34px;font-weight:900;transition:transform .3s,box-shadow .3s;display:grid;box-shadow:0 0 28px #6384ff40}.brand-mark:hover{transform:rotate(-5deg)scale(1.06);box-shadow:0 0 38px #6384ff6b}.brand-mark i,.welcome-orb i,.placeholder-orb i{background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:100%;height:28%;animation:4.5s ease-in-out infinite sweep;position:absolute;top:35%;left:-120%;transform:rotate(-14deg)}.brand-copy strong{letter-spacing:.13em;font-size:14px;display:block}.brand-copy small{color:#77839b;margin-top:2px;font-size:10px;display:block}.collapse-btn{margin-left:auto}.sidebar.collapsed .collapse-btn{margin-left:0;transform:rotate(180deg)}.new-chat{color:#dce5ff;background:#4d67d21f;border:1px solid #7591ff40;border-radius:12px;justify-content:center;align-items:center;gap:9px;height:43px;margin:22px 2px 16px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex}.new-chat:hover{background:#5b77ef38;border-color:#849aff7a;transform:translateY(-2px);box-shadow:0 10px 32px #3654c82e}.new-chat:active,.nav-item:active,.icon-btn:active,.send-btn:active,.composer-tool:active,.quick-prompts button:active{transform:scale(.96)}.sidebar.collapsed .new-chat{padding:0}.sidebar.collapsed .new-chat span{display:none}nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#7f8aa2;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:12px;height:43px;padding:0 12px;transition:transform .18s,background .18s,color .18s;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:#e6edff;background:#ffffff0b;transform:translate(2px)}.nav-item.active{color:#edf3ff;background:linear-gradient(90deg,#5c78ec33,#5c78ec0d);box-shadow:inset 2px 0 #7e9aff}.nav-item.active:after{content:"";background:#8ba4ff;border-radius:50%;width:5px;height:5px;position:absolute;right:10px;box-shadow:0 0 12px #8ba4ff}.nav-glow{background:linear-gradient(90deg,#0000,#97aaff1f,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-110%)}.nav-item:hover .nav-glow{transform:translate(110%)}.sidebar-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding:17px 6px 2px}.identity{align-items:center;gap:10px;display:flex}.mini-orb,.live-dot{background:#78e6b2;border-radius:50%}.mini-orb{width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 12px #78e6b2}.identity b{letter-spacing:.12em;font-size:10px;display:block}.identity span{color:#647089;margin-top:3px;font-size:9px;display:block}.version{color:#465169;letter-spacing:.13em;margin-top:13px;font-size:8px}.main-shell{z-index:1;flex:1;min-width:0}.chat-page{flex-direction:column;height:100%;display:flex;position:relative}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05070d94;border-bottom:1px solid #ffffff0e;flex:0 0 76px;justify-content:space-between;align-items:center;height:76px;padding:15px 25px;display:flex}.top-identity{animation:.45s both drop}.eyebrow{letter-spacing:.18em;color:#6f7c96;align-items:center;gap:7px;font-size:9px;display:flex}.live-dot{width:6px;height:6px;animation:2s infinite pulse;box-shadow:0 0 10px #78e6b2}.topbar h2{letter-spacing:.12em;margin:3px 0 0;font-size:20px}.top-actions{align-items:center;gap:10px;display:flex}.system-status{background:#ffffff06;border:1px solid #ffffff0f;border-radius:13px;align-items:center;gap:12px;padding:7px 11px;transition:all .25s;display:flex}.system-status:hover{background:#ffffff0a;border-color:#7891ff33}.status-item{color:#8390a9;align-items:center;gap:6px;display:flex}.status-item b{font-size:9px;font-weight:600;display:block}.status-item small{color:#5f6b82;letter-spacing:.08em;font-size:7px;display:block}.status-icon{place-items:center;display:grid}.status-orb{color:#69758b;background:#ffffff09;border-radius:9px;place-items:center;width:25px;height:25px;display:grid}.status-orb.online{color:#78e6b2;background:#78e6b214;box-shadow:inset 0 0 0 1px #78e6b21a}.icon-btn{color:#8793ab;background:#ffffff09;border-radius:10px;place-items:center;width:34px;height:34px;transition:all .2s;display:grid}.icon-btn:hover{color:#fff;background:#ffffff14;transform:translateY(-1px)}.conversation{scroll-behavior:smooth;flex:1;overflow:auto}.conversation-inner{max-width:1020px;margin:auto;padding:28px 24px 180px}.messages{flex-direction:column;gap:20px;display:flex}.welcome{text-align:center;padding:7vh 20px 5vh;animation:.65s cubic-bezier(.22,1,.36,1) both rise}.welcome-orb{color:#07101f;background:radial-gradient(circle at 35% 25%,#e5edff,#6d8eff 48%,#17234b);border-radius:27px;place-items:center;width:84px;height:84px;margin:0 auto 18px;font-size:29px;font-weight:900;animation:4s ease-in-out infinite float;display:grid;box-shadow:0 0 70px #5b7aff40,inset 0 0 20px #fff3}.welcome-orb em,.welcome-orb b{background:#ffffffa6;border-radius:50%;width:4px;height:4px;animation:3s linear infinite orbitDot;position:absolute;box-shadow:0 0 10px #fff}.welcome-orb em{top:22px;left:20px}.welcome-orb b{animation-delay:-1.2s;bottom:18px;right:18px}.welcome-kicker{letter-spacing:.25em;color:#65738f;justify-content:center;align-items:center;gap:9px;font-size:8px;display:flex}.welcome-kicker span{background:linear-gradient(90deg,#0000,#65738f);width:30px;height:1px}.welcome-kicker span:last-child{transform:scaleX(-1)}.welcome h1{letter-spacing:.2em;margin:8px 0 0;font-size:48px}.welcome p{color:#b2bdd2;margin:9px 0}.welcome small{color:#606d86}.quick-prompts{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}.quick-prompts button{color:#8390aa;background:#ffffff06;border:1px solid #7a91eb26;border-radius:999px;padding:9px 12px;font-size:11px;transition:all .22s}.quick-prompts button:hover{color:#dce5ff;background:#6982ef1a;border-color:#8299ff59;transform:translateY(-2px);box-shadow:0 8px 25px #374ea024}.message{animation:.38s cubic-bezier(.22,1,.36,1) both messageIn;animation-delay:var(--message-delay,0s);gap:12px;display:flex}.message.user{justify-content:flex-end}.avatar{color:#aeb9ce;background:#ffffff0d;border-radius:11px;flex:0 0 32px;place-items:center;width:32px;height:32px;transition:transform .25s;display:grid}.message:hover .avatar{transform:translateY(-2px)}.message.agix .avatar{color:#9db2ff;background:#6580ff24}.bubble{color:#dbe2ef;white-space:pre-wrap;background:#ffffff09;border:1px solid #ffffff12;border-radius:15px 15px 15px 5px;max-width:min(760px,80%);padding:11px 14px;line-height:1.6;transition:border-color .25s,background .25s,transform .25s}.bubble:hover{background:#ffffff0b;border-color:#8ba1ff24;transform:translateY(-1px)}.user .bubble{background:#526dd929;border-radius:15px 15px 5px}.message-meta{color:#6d7990;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;font-size:9px}.message-text{font-size:14px}.thinking{gap:5px;padding:15px 17px;display:flex}.thinking span{background:#8197ed;border-radius:50%;width:6px;height:6px;animation:1.1s infinite typing}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){animation-delay:.3s}.error-banner{color:#ff9dad;background:#ff506e0d;border:1px solid #ff698233;border-radius:12px;align-items:center;gap:8px;max-width:760px;margin:16px auto;padding:11px 14px;font-size:12px;animation:.3s both rise;display:flex}.composer-wrap{pointer-events:none;background:linear-gradient(#0000,#05070deb 24%,#05070d 70%);padding:12px max(24px,50% - 486px) 22px;position:absolute;bottom:0;left:0;right:0}.composer-wrap>*{pointer-events:auto}.composer-hint{color:#56627a;justify-content:space-between;max-width:980px;margin:0 auto 7px;font-size:9px;display:flex}.composer-hint span:first-child{color:#7185bd;align-items:center;gap:5px;display:flex}.composer{background:#101522ed;border:1px solid #6e84d233;border-radius:17px;align-items:flex-end;gap:8px;max-width:980px;min-height:60px;margin:auto;padding:8px;transition:all .25s;display:flex;box-shadow:0 12px 50px #00000047}.composer:focus-within{border-color:#718dff7a;transform:translateY(-1px);box-shadow:0 0 0 3px #536fe60f,0 15px 60px #00000052}textarea{resize:none;color:#edf3ff;background:0 0;border:0;outline:0;flex:1;max-height:150px;padding:11px 4px;line-height:1.5}textarea::placeholder{color:#5f6c85}.composer-tool,.send-btn{border-radius:12px;place-items:center;width:40px;height:40px;transition:all .2s;display:grid}.composer-tool{color:#66738c;background:0 0}.composer-tool:hover{color:#b9c7ff;background:#ffffff0d;transform:rotate(-6deg)}.composer-state{color:#5f6c85;place-items:center;width:28px;height:40px;display:grid}.send-btn{color:#07101e;background:#728df4}.send-btn:hover:not(:disabled){transform:translateY(-2px)rotate(-3deg);box-shadow:0 8px 24px #5d7af247}.send-btn:disabled{opacity:.3;cursor:not-allowed}.spin{animation:.8s linear infinite spin}.placeholder{text-align:center;color:#8b97ad;align-content:center;place-items:center;height:100%;display:grid}.placeholder-orb{color:#07101f;background:radial-gradient(circle at 35% 25%,#dfe9ff,#6d8eff 48%,#17234b);border-radius:24px;place-items:center;width:72px;height:72px;font-size:24px;font-weight:900;animation:4s ease-in-out infinite float;display:grid;box-shadow:0 0 60px #5b7aff33}.placeholder-kicker{letter-spacing:.24em;color:#66738d;margin-top:18px;font-size:8px}.placeholder h1{color:#edf3ff;margin:6px 0}.placeholder p{margin:0 0 8px}.placeholder-note{color:#55627a;font-size:10px}.page-enter{animation:.5s both rise}@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-6px)}}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sweep{0%,62%{left:-120%}82%,to{left:120%}}@keyframes orbitDot{to{transform:rotate(360deg)translate(16px)rotate(-360deg)}}@keyframes drift{50%{transform:translate(35px,-25px)scale(1.08)}}@media (width<=800px){.sidebar,.sidebar:not(.collapsed){flex-basis:76px;width:76px}.brand-copy,.new-chat span,.nav-item span,.sidebar-footer{display:none}.new-chat{padding:0}.system-status .status-item:nth-child(n+2){display:none}.conversation-inner{padding:20px 14px 170px}.composer-wrap{padding-left:12px;padding-right:12px}.composer-hint span:last-child{display:none}.bubble{max-width:88%}.welcome h1{font-size:40px}.quick-prompts button{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #89a0ffa6}.button-icon{transition:transform .25s cubic-bezier(.22,1,.36,1)}.new-chat:hover .button-icon{transform:rotate(90deg)}.new-chat:active .button-icon{transform:rotate(90deg)scale(.9)}.nav-item.active .button-icon{transform:scale(1.08)}.sidebar.is-switching .nav-item.active{animation:.28s both navSelect}.collapse-btn{transition:transform .3s cubic-bezier(.22,1,.36,1),background .2s,color .2s}.sidebar.collapsed .collapse-btn{transform:rotate(180deg)}.sidebar.collapsed .collapse-btn:hover{transform:rotate(180deg)scale(1.05)}.icon-btn.is-loading{pointer-events:none}.composer-center{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;display:flex}.composer-center textarea{width:100%}.composer.is-focused{animation:.3s both composerFocus}.composer-tool:disabled{opacity:.3;cursor:not-allowed}.composer-tool:not(:disabled):hover svg{animation:.45s both paperclipWiggle}.send-btn:not(:disabled) svg{animation:.65s ease-in-out infinite alternate sendReady}.send-btn:not(:disabled):active svg{animation:none;transform:translate(2px,-2px)}.attachment-chip{color:#9caee3;background:#5d78e614;border:1px solid #7891ff33;border-radius:9px;align-self:flex-start;align-items:center;gap:5px;max-width:min(420px,100%);margin:2px 4px 4px;padding:5px 7px 5px 9px;font-size:10px;animation:.25s cubic-bezier(.22,1,.36,1) both chipIn;display:flex}.attachment-chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-chip button{color:#73809a;background:0 0;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;display:grid}.attachment-chip button:hover{color:#fff;background:#ffffff14}.status-orb.online{animation:2.2s ease-in-out infinite statusPulse}.status-item small{transition:color .25s}.error-banner{position:relative;overflow:hidden}.error-banner:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.8s ease-in-out infinite errorSweep;position:absolute;inset:0;transform:translate(-110%)}.placeholder-orb:hover{transform:translateY(-4px)scale(1.04);box-shadow:0 0 80px #5b7aff4d}.quick-prompts button{position:relative;overflow:hidden}.quick-prompts button:after{content:"";background:#ffffff14;border-radius:50%;width:70px;height:70px;transition:transform .45s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.quick-prompts button:active:after{transition:transform .18s;transform:translate(-50%,-50%)scale(2.5)}@keyframes navSelect{0%{opacity:.55;transform:translate(-3px)}to{opacity:1;transform:none}}@keyframes composerFocus{0%{transform:translateY(0)}to{transform:translateY(-1px)}}@keyframes paperclipWiggle{0%,to{transform:rotate(0)}35%{transform:rotate(-12deg)}70%{transform:rotate(9deg)}}@keyframes sendReady{0%{transform:translateY(1px)}to{transform:translateY(-1px)}}@keyframes chipIn{0%{opacity:0;transform:translateY(5px)scale(.97)}to{opacity:1;transform:none}}@keyframes statusPulse{50%{box-shadow:inset 0 0 0 1px #78e6b224,0 0 12px #78e6b21f}}@keyframes errorSweep{70%,to{transform:translate(110%)}}
