*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}:root{--grain-subtle: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");--page-bg: var(--grain-subtle), radial-gradient(ellipse at 28% 72%, rgba(249, 115, 22, .1) 0%, transparent 55%), radial-gradient(ellipse at 72% 24%, rgba(184, 115, 51, .1) 0%, transparent 55%), linear-gradient(180deg, #fdf6e3 0%, #f5edd7 30%, #ece2cc 55%, #f5edd7 80%, #fdf6e3 100%);--page-bg-size: 160px, 100%, 100%, 100%;--card-bg: rgba(255, 255, 255, .88);--card-border: rgba(27, 29, 35, .08);--card-shadow: 0 10px 30px rgba(27, 29, 35, .07);--text: #1b1d23;--text-dim: #8a8d96;--text-faint: #a6a9b0;--divider: rgba(27, 29, 35, .08);--muted-bg: #f2f3f6;--head-bg: linear-gradient(180deg, rgba(255,255,255,.9), rgba(252,252,253,.9));--bubble-agent-bg: #f3f4f7;--bubble-agent-border: rgba(27, 29, 35, .05);--bubble-agent-text: #2a2d35;--bubble-error-bg: #fdf2f0;--bubble-error-text: #7f3227;--composer-bg: #f2f3f6;--composer-border: rgba(27, 29, 35, .08);--composer-focus-bg: #fff;--active-strong: #b44a1e;--chat-tint: rgba(246, 239, 221, .74)}[data-theme=dark]{--page-bg: var(--grain-subtle), radial-gradient(ellipse at 28% 72%, rgba(249, 115, 22, .08) 0%, transparent 55%), radial-gradient(ellipse at 72% 24%, rgba(184, 115, 51, .07) 0%, transparent 55%), linear-gradient(180deg, #12141b 0%, #15171f 45%, #12141b 100%);--card-bg: rgba(27, 30, 38, .88);--card-border: rgba(255, 255, 255, .07);--card-shadow: 0 10px 30px rgba(0, 0, 0, .35);--text: #f4f5f7;--text-dim: rgba(255, 255, 255, .55);--text-faint: rgba(255, 255, 255, .38);--divider: rgba(255, 255, 255, .08);--muted-bg: rgba(255, 255, 255, .06);--head-bg: linear-gradient(180deg, rgba(30,33,42,.92), rgba(25,28,36,.92));--bubble-agent-bg: #232732;--bubble-agent-border: rgba(255, 255, 255, .06);--bubble-agent-text: rgba(255, 255, 255, .92);--bubble-error-bg: #2a1d1b;--bubble-error-text: #f0b3a6;--composer-bg: rgba(255, 255, 255, .06);--composer-border: rgba(255, 255, 255, .1);--composer-focus-bg: rgba(255, 255, 255, .1);--active-strong: #fda07a;--chat-tint: rgba(20, 22, 29, .85)}body{font-family:Roboto,sans-serif;background:var(--page-bg);background-size:var(--page-bg-size);background-attachment:fixed;color:var(--text);overflow:hidden;transition:color .25s ease}.shell{display:grid;grid-template-columns:300px 1fr;height:100%;padding:14px;gap:14px}.sidebar{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:18px 14px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;transition:background .25s ease,border-color .25s ease}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);padding:4px 8px 16px;border-bottom:1px solid var(--divider)}.brand__logo{width:38px;height:38px;border-radius:12px;flex:none;background:linear-gradient(180deg,#242830,#14161b);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff1f,0 3px 8px #0003}.brand__logo img{width:19px;height:19px;filter:brightness(0) invert(1) opacity(.92)}.brand__name{font-family:Archivo,sans-serif;font-weight:800;font-size:17px}.brand__back{margin-left:auto;font-size:12px;color:var(--text-faint);transition:color .15s}.brand:hover .brand__back{color:#e2632f}.sidebar__caption{margin:16px 8px 8px;font-family:Archivo,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.agent-list{display:flex;flex-direction:column;gap:4px}.agent-item{position:relative;display:flex;align-items:center;gap:12px;text-align:left;padding:10px 12px;border-radius:14px;background:transparent;border:0;cursor:pointer;font-family:inherit;color:var(--text)}.agent-item__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;z-index:0;background:linear-gradient(180deg,#fd925f24,#e2632f1a);border:1px solid rgba(226,99,47,.28)}.agent-item__img{position:relative;z-index:1;width:44px;height:44px;border-radius:12px;flex:none;-o-object-fit:cover;object-fit:cover;border:1px solid var(--card-border);box-shadow:0 4px 10px #1418222e;transition:box-shadow .18s}.agent-item.is-active .agent-item__img{box-shadow:0 6px 16px #e2632f66;border-color:#e2632f73}.agent-item__txt{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;min-width:0}.agent-item__txt strong{font-family:Archivo,sans-serif;font-size:14px;font-weight:700}.agent-item__txt small{font-size:12px;color:var(--text-dim);line-height:1.35}.agent-item.is-active .agent-item__txt strong{color:var(--active-strong)}.sidebar__foot{margin-top:auto;padding:14px 8px 4px;font-size:11.5px;line-height:1.5;color:var(--text-faint);border-top:1px solid var(--divider)}.stage{display:flex;flex-direction:column;min-width:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:background .25s ease,border-color .25s ease}.stage__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid var(--divider);background:var(--head-bg)}.stage__who{display:flex;align-items:center;gap:12px}.stage__avatar{width:42px;height:42px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(226,99,47,.55);box-shadow:0 4px 14px #fc7d4e4d}.stage__who strong{display:block;font-family:Archivo,sans-serif;font-size:15px}.stage__who small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);margin-top:2px}.led{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 7px #22c55e8c;animation:led 2.4s ease infinite}@keyframes led{0%,to{opacity:1}50%{opacity:.45}}.theme-toggle{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--muted-bg);border:1px solid var(--card-border);color:var(--text-dim);cursor:pointer;transition:color .18s,background .18s}.theme-toggle:hover{color:#e2632f}.theme-toggle svg{width:19px;height:19px}.thread{position:relative;flex:1;overflow-y:auto;background-image:linear-gradient(var(--chat-tint),var(--chat-tint)),url(/img/chat-bg.webp);background-size:cover,cover;background-position:center center,center center;background-repeat:no-repeat,no-repeat;transition:background-image .25s ease}.thread__inner{position:relative;z-index:1;max-width:none;margin:0;padding:26px 28px 18px;display:flex;flex-direction:column;gap:12px}.row{display:flex}.row--user{justify-content:flex-end}.bubble{max-width:min(74%,580px);padding:12px 16px;border-radius:18px;font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}.bubble--agent{background:var(--bubble-agent-bg);border:1px solid var(--bubble-agent-border);border-bottom-left-radius:6px;color:var(--bubble-agent-text)}.bubble--user{background:linear-gradient(180deg,#fd925f,#e2632f);border:1px solid rgba(0,0,0,.22);border-bottom-right-radius:6px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.22);box-shadow:0 8px 20px #fc7d4e42,inset 0 1px #ffffff4d}.bubble--error{background:var(--bubble-error-bg);border-color:#ef444440;color:var(--bubble-error-text)}.bubble--typing{display:flex;gap:5px;align-items:center;padding:15px 18px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:linear-gradient(180deg,#fd925f,#e2632f)}.composer{padding:14px 22px 18px;border-top:1px solid var(--divider)}.composer__bar{width:100%;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-radius:999px;background:var(--composer-bg);border:1px solid var(--composer-border);transition:border-color .15s,box-shadow .15s,background .15s}.composer__bar:focus-within{border-color:#e2632f73;box-shadow:0 0 0 4px #fc7d4e1f;background:var(--composer-focus-bg)}.composer__bar input{flex:1;border:0;outline:0;background:transparent;font-family:Roboto,sans-serif;font-size:14.5px;color:var(--text);padding:8px 0}.composer__bar input::-moz-placeholder{color:var(--text-faint)}.composer__bar input::placeholder{color:var(--text-faint)}.composer__send{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.25);cursor:pointer;background:linear-gradient(180deg,#fd925f,#e2632f);color:#fff;box-shadow:0 4px 12px #fc7d4e4d,inset 0 1px #ffffff52,inset 0 -2px 4px #0000003d}.composer__send svg{width:19px;height:19px}.composer__send:disabled{opacity:.45;cursor:default}@media (max-width: 880px){body{overflow:auto}.shell{display:flex;flex-direction:column;padding:10px;gap:10px;height:100dvh}.sidebar{flex:none;flex-direction:column;padding:12px;border-radius:16px;overflow:visible}.brand{padding-bottom:10px}.sidebar__caption{display:none}.agent-list{flex-direction:row;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.agent-list::-webkit-scrollbar{display:none}.agent-item{flex:none;padding:8px 12px;gap:8px}.agent-item__img{width:32px;height:32px;border-radius:10px}.agent-item__txt small,.sidebar__foot{display:none}.stage{flex:1;min-height:0;border-radius:16px}.bubble{max-width:88%}.thread__inner{padding:20px 14px 14px}.composer{padding:10px 14px 14px}.composer__send{width:40px;height:40px}.media-img,.media-video{max-width:78vw}}.bubble--media{padding:3px;background:transparent;border:0;box-shadow:none;overflow:hidden}.media-img,.media-video{display:block;max-width:min(280px,72vw);width:100%;height:auto;border-radius:14px}.media-video{background:#000}.bubble--audio{padding:8px 10px}.media-audio{display:block;width:min(258px,70vw);height:40px}.bubble--card{padding:8px}.media-card{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:188px}.media-card__icon{width:40px;height:40px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fc7d4e24;color:#e2632f}.media-card__icon svg{width:20px;height:20px}.media-card__txt{display:flex;flex-direction:column;gap:1px;min-width:0}.media-card__txt strong{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.media-card__txt small{font-size:11.5px;opacity:.7}.bubble--user .media-card__icon{background:#00000024;color:#211208}.msg-link{color:inherit;text-decoration:underline;text-underline-offset:2px}