*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b1810;--sidebar-bg:#0f1e14;--surface:#162219;--surface-2:#1c2d1f;--border:#ffffff12;--border-2:#ffffff24;--text:#def0de;--text-2:#849a87;--text-3:#526155;--accent:#3dd68c;--accent-dark:#27b574;--accent-dim:#3dd68c1a;--gold:#f5b800;--gold-dim:#f5b8001a;--gold-glow:#f5b8004d;--green:#3dd68c;--green-rich:#27b574;--green-deep:#002e14;--danger:#f87171;--sidebar-w:258px;--radius:14px;--radius-sm:8px;--radius-lg:20px;--shadow:0 4px 24px #00000080;--shadow-lg:0 12px 48px #000000a6;--spring:cubic-bezier(.16, 1, .3, 1);--glass-bg:#0b1810cc;--glass-border:#ffffff17;--glass-blur:blur(20px);--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-reading:"DM Sans", system-ui, sans-serif;--text-xs:11px;--text-sm:12px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--leading-tight:1.3;--leading-normal:1.6;--leading-loose:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--shadow-xs:0 1px 3px #0000002e;--shadow-sm:0 2px 8px #00000047;--shadow-md:0 4px 16px #00000061;--shadow-xl:0 16px 56px #000000b3;--shadow-inset:inset 0 2px 6px #0003;--z-base:1;--z-raised:10;--z-sticky:50;--z-modal:100;--z-tooltip:200;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.4s;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--radius-xs:6px;--radius-md:13px;--gradient-header:linear-gradient(180deg, #1c2d1f 0%, #0f1e14 100%);--gradient-avatar:linear-gradient(145deg, var(--accent) 0%, var(--accent-dark) 100%);--gradient-gold-btn:linear-gradient(135deg, #ffd140 0%, var(--gold) 100%);--gradient-surface:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);--overlay-bg:#00000080;--code-bg:#00000040;--code-border:#ffffff14}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;line-height:1.6}body.chat-active{overscroll-behavior:none;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}input,textarea{font:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.touch-target{min-width:44px;min-height:44px}.chat-shell{background:var(--bg);display:flex;position:fixed;inset:0;overflow:hidden}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.messages-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.sidebar{width:var(--sidebar-w);flex-shrink:0}@media (width<=767px){.sidebar{z-index:200;width:min(var(--sidebar-w), 85vw);transition:transform .28s var(--spring);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:4px 0 40px #000000b3}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex!important}}@media (width>=768px){.sidebar-close-btn{display:none!important}}.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(4px);background:#0009;animation:.2s both overlayIn;position:fixed;inset:0}.input-glass-bar{z-index:10;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);flex-shrink:0;position:relative}.input-glass-wrap{border:1.5px solid var(--border);background:#162219cc;border-radius:14px;align-items:flex-end;gap:10px;padding:4px 4px 4px 16px;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:0 2px 16px #0000004d,inset 0 1px #ffffff0a}.input-glass-wrap:focus-within{border-color:#3dd68c73;box-shadow:0 2px 16px #0000004d,0 0 0 3px #3dd68c12,inset 0 1px #ffffff0a}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes msgIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes userMsgIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes botMsgIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes boing{0%,55%,to{opacity:.35;transform:translateY(0)}27%{opacity:1;transform:translateY(-6px)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes avatarPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(4deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes shimmerText{0%{background-position:-300%}to{background-position:300%}}@keyframes orbDrift{0%{transform:translate(0)scale(1)}33%{transform:translate(18px,-22px)scale(1.06)}66%{transform:translate(-14px,10px)scale(.95)}to{transform:translate(0)scale(1)}}@keyframes orbDrift2{0%{transform:translate(0)scale(1)}40%{transform:translate(-20px,16px)scale(1.04)}70%{transform:translate(12px,-8px)scale(.97)}to{transform:translate(0)scale(1)}}@keyframes tabSlide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes thinkDot{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes pulseRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes ctaPulseRing{0%{opacity:.55;border-radius:14px;transform:scale(1)}to{opacity:0;border-radius:18px;transform:scale(1.22)}}@keyframes borderFlow{0%,to{opacity:.28}50%{opacity:.85}}@keyframes particleDrift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(7px,-10px)scale(1.08)}66%{transform:translate(-5px,6px)scale(.93)}}.reveal{opacity:0;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);transform:translate(-24px)}.reveal-left.visible{opacity:1;transform:translate(0)}@keyframes skeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-line{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff21 50%,#ffffff0d 75%) 0 0/1200px 100%;border-radius:6px;height:14px;animation:1.6s linear infinite skeletonShimmer}.agent-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;transition:border-color .13s,background .13s,transform .13s;display:flex}.agent-card:hover{background:var(--surface-2);border-color:#3dd68c4d;transform:translateY(-1px)}.agent-card:active{border-color:#3dd68c80;transform:scale(.98)}.sidebar-btn{transition:background .12s,color .12s,border-color .12s}.sidebar-btn:active{transform:scale(.97)}.send-btn:active:not(:disabled){transform:scale(.93)}.agent-header-desc{font-size:var(--text-xs);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;line-height:1.3;display:none;overflow:hidden}@media (width>=480px){.agent-header-desc{display:block}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}textarea:focus-visible,input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input[type=search]:focus-visible{outline:none}.agent-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#0b1810f2;border-bottom:1px solid #3dd68c14;flex-shrink:0;gap:2px;padding:6px 12px;display:flex;overflow-x:auto}.agent-tabs::-webkit-scrollbar{display:none}.agent-tab{font-size:var(--text-sm);color:var(--text-2);cursor:pointer;white-space:nowrap;min-height:32px;font-weight:500;font-family:var(--font-body);background:0 0;border:1px solid #0000;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 13px;transition:color .13s,background .13s,border-color .13s,box-shadow .13s;display:flex}.agent-tab:hover{color:var(--text-2);background:#ffffff0d;border-color:#ffffff12}.agent-tab.active{color:var(--accent);background:#3dd68c21;border-color:#3dd68c52;font-weight:700;box-shadow:0 0 12px #3dd68c1a}.agent-tab.active:hover{background:#3dd68c2e}textarea,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search]{font-size:16px!important}.input-glass-bar{box-shadow:0 -4px 32px #0006}.msg-prose{font-size:var(--text-base);line-height:var(--leading-loose);color:var(--text)}.msg-prose p+p{margin-top:10px}.msg-prose ul,.msg-prose ol{margin:10px 0;padding-left:22px}.msg-prose li{margin-bottom:5px}.msg-prose h1,.msg-prose h2,.msg-prose h3{color:var(--text);letter-spacing:-.01em;margin:14px 0 6px;font-weight:700}
