@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#172033;font-synthesis:none;background:#f6f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{color:#d8deec;background:#111a33;border-right:1px solid #1e2947;flex-direction:column;flex-shrink:0;width:270px;display:flex}.brand{border-bottom:1px solid #26304b;align-items:center;gap:12px;height:74px;padding:0 20px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#ff812d,#f45916);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 7px 20px #f9731638}.brand strong{color:#fff;font:700 15px Manrope;display:block}.brand span{text-transform:uppercase;letter-spacing:.12em;color:#8f9ab3;font-size:10px}.new-chat{color:#fff;cursor:pointer;background:#202b48;border:1px solid #39435d;border-radius:9px;align-items:center;gap:10px;height:42px;margin:18px 14px 9px;padding:0 13px;display:flex}.new-chat:hover{background:#293654}.nav-section{padding:12px 12px 4px}.nav-section>span{color:#77839e;text-transform:uppercase;letter-spacing:.16em;padding:0 10px 7px;font-size:10px;font-weight:700;display:block}.nav-section button,.sidebar-footer>button{color:#aeb7cb;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:39px;padding:0 10px;display:flex}.nav-section button:hover,.sidebar-footer>button:hover{color:#fff;background:#1b2541}.agents{overflow:auto}.agents button{height:52px;margin:2px 0}.agents button.active{color:#fff;background:#222d4a;position:relative}.agents button.active:before{content:"";background:#f97316;border-radius:0 3px 3px 0;width:3px;height:28px;position:absolute;left:0}.agents i{background:color-mix(in srgb,var(--agent) 16%,transparent);width:30px;height:30px;color:var(--agent);border-radius:8px;place-items:center;font-style:normal;display:grid}.agents em{text-align:left;min-width:0;font-style:normal}.agents b,.agents small{display:block}.agents b{font-size:13px;font-weight:600}.agents small{color:#78849e;margin-top:2px;font-size:10px}.sidebar-footer{border-top:1px solid #26304b;margin-top:auto;padding:10px 12px}.profile{align-items:center;gap:10px;margin-top:8px;padding:12px 8px 4px;display:flex}.profile>div{color:#fff;background:#f97316;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.profile span b,.profile span small{display:block}.profile b{color:#fff;font-size:12px}.profile small{color:#7e8aa4;font-size:10px}main{background:#f7f8fb;flex-direction:column;flex:1;min-width:0;display:flex}header{background:#fff;border-bottom:1px solid #e7e9ef;justify-content:space-between;align-items:center;height:64px;padding:0 26px;display:flex}.crumb{align-items:center;gap:9px;font-size:13px;display:flex}.crumb span{color:#9098a8}.crumb b{color:#d4d8e0}.crumb strong{font-weight:600}.agent-picker{color:#424a5a;background:#fff;border:1px solid #e2e5eb;border-radius:9px;align-items:center;gap:8px;height:36px;padding:0 11px;font-size:12px;font-weight:600;display:flex}.agent-picker span{border-radius:50%;width:8px;height:8px}.menu-button,.mobile-close{background:0 0;border:0;display:none}.chat{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.welcome{text-align:center;width:min(780px,100% - 40px);margin:auto;padding:30px 0 122px}.welcome-icon{width:58px;height:58px;color:var(--agent);background:color-mix(in srgb,var(--agent) 12%,white);border:1px solid color-mix(in srgb,var(--agent) 20%,white);border-radius:17px;place-items:center;margin:0 auto 16px;display:grid}.eyebrow{letter-spacing:.18em;color:#9098a8;margin:0 0 9px;font-size:10px;font-weight:800}.welcome h1{color:#182038;margin:0;font:700 clamp(26px,4vw,38px)/1.25 Manrope}.welcome h1 span{color:#f36b20}.intro{color:#6f788b;max-width:560px;margin:15px auto 25px;font-size:14px;line-height:1.6}.starter-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.starter-grid button{text-align:left;color:#343c4e;cursor:pointer;background:#fff;border:1px solid #e2e6ed;border-radius:12px;padding:15px;box-shadow:0 3px 14px #27334d08}.starter-grid button:hover{border-color:#ffb17e;transform:translateY(-1px)}.starter-grid svg{color:#f97316;margin-bottom:12px}.starter-grid span,.starter-grid small{display:block}.starter-grid span{font-size:12px;font-weight:700}.starter-grid small{color:#999fad;margin-top:4px;font-size:10px}.messages{width:min(880px,100% - 40px);margin:0 auto;padding:42px 0 140px;overflow-y:auto}.messages article{gap:12px;margin-bottom:22px;display:flex}.messages article.user{flex-direction:row-reverse}.avatar{color:#fff;background:#17213c;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.user .avatar{background:#f97316}.bubble{background:#fff;border:1px solid #e5e8ee;border-radius:4px 14px 14px;max-width:min(76%,680px);padding:12px 16px;font-size:14px;line-height:1.65;box-shadow:0 3px 15px #1c29440a}.user .bubble{color:#fff;background:#17213c;border:0;border-radius:14px 4px 14px 14px}.bubble p{margin:0 0 10px}.bubble p:last-child{margin-bottom:0}.bubble.error{color:#b42318;background:#fff4f2;border-color:#ffd1cc}.thinking{color:#7b8496;align-items:center;gap:4px;display:flex}.thinking i{background:#f97316;border-radius:50%;width:5px;height:5px;animation:1s infinite pulse}.thinking i:nth-child(2){animation-delay:.18s}.thinking i:nth-child(3){animation-delay:.36s}.composer-wrap{text-align:center;background:linear-gradient(#0000,#f7f8fb 28%);padding:16px 25px 18px;position:absolute;bottom:0;left:0;right:0}.composer{background:#fff;border:1px solid #dce0e8;border-radius:14px;align-items:end;width:min(820px,100%);margin:0 auto;padding:9px 9px 9px 15px;display:flex;box-shadow:0 12px 35px #1a284416}.composer:focus-within{border-color:#fb9b5b;box-shadow:0 0 0 3px #f9731611,0 12px 35px #1a284416}.composer textarea{resize:none;color:#242c3c;background:0 0;border:0;outline:0;flex:1;min-height:38px;max-height:130px;padding:9px 4px}.composer button{color:#fff;cursor:pointer;background:#f97316;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.composer button:disabled{background:#d8dbe2}.composer-wrap>small{color:#a0a6b2;margin-top:7px;font-size:10px;display:block}.backdrop{display:none}@keyframes pulse{50%{opacity:.25;transform:translateY(-2px)}}@media (width<=800px){.sidebar{z-index:20;transition:all .25s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:none}.backdrop{z-index:19;background:#0e152677;border:0;display:block;position:fixed;inset:0}.mobile-close{color:#9aa4b9;margin-left:auto;display:block}.menu-button{color:#293248;place-items:center;display:grid}.crumb{display:none}header{padding:0 15px}.starter-grid{grid-template-columns:1fr 1fr}.welcome{padding-bottom:138px}.messages{width:calc(100% - 24px);padding-top:25px}.bubble{max-width:86%}.composer-wrap{padding:14px 12px}.agent-picker{max-width:210px}.chat{overflow:hidden}}@media (width<=450px){.starter-grid{grid-template-columns:1fr 1fr;gap:8px}.starter-grid button{padding:12px}.welcome{width:calc(100% - 24px);padding-top:20px}.welcome h1{font-size:25px}.intro{font-size:13px}.sidebar{width:286px}}