:root{color:#172b48;font-synthesis:none;background:#edf2f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #7caeff}a{color:#2479ed}h1,h2,p{margin:0}button{border:0}.button{color:#fff;background:#2479ed;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:600;transition:background .15s;display:inline-flex}.button:hover:not(:disabled){background:#1766d3}.button.secondary{color:#365574;background:#eef3fa}.button.secondary:hover:not(:disabled){background:#e2ebf7}.input{color:#172b48;background:#fafcff;border:1px solid #dce4ee;border-radius:11px;outline:none;width:100%;padding:13px 14px}.input:focus{border-color:#2479ed;box-shadow:0 0 0 3px #2479ed12}.error-message{color:#b43f38;overflow-wrap:anywhere;background:#fff0ef;border-radius:10px;padding:12px 15px;font-size:13px;line-height:1.5}.loader{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.connection-screen{background:radial-gradient(at 10% 10%,#e3edff 0,#0000 60%),radial-gradient(at 100% 90%,#e1eaf5 0,#0000 55%),#f4f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:40px 20px;display:flex}.connection-card{background:#fff;border:1px solid #e5ebf4;border-radius:24px;width:100%;max-width:440px;padding:34px 36px;box-shadow:0 20px 80px #2337540c}.brand-mark,.mini-brand{color:#fff;background:linear-gradient(140deg,#46a1ff,#3b60eb);border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:31px;font-weight:850;display:flex;box-shadow:0 7px 18px #347ceb20}.eyebrow{letter-spacing:2px;color:#6b829b;margin:25px 0 12px;font-size:11px;font-weight:700}.connection-card h1{letter-spacing:-1px;font-size:31px;line-height:1.19}.lead{color:#71839a;margin:13px 0 25px;line-height:1.55}.connection-form{flex-direction:column;gap:16px;display:flex}label{flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}small{color:#77879b;font-size:11px;font-weight:400;line-height:1.5}.demo-button{width:100%;margin-top:12px;font-size:13px}.connection-note{text-align:center;color:#8b99aa;margin:18px 0;font-size:11px;line-height:1.7}details{color:#697d94;border-top:1px solid #edf0f5;padding-top:14px;font-size:12px}summary{cursor:pointer}details p{margin:10px 0;line-height:1.65}footer{color:#8b99aa;font-size:11px}.connection-screen>footer{margin-top:24px}.chat-layout{background:#fff;grid-template-columns:340px minmax(0,1fr);max-width:1600px;height:100dvh;margin:auto;display:grid;box-shadow:0 0 60px #1832500a}.sidebar{background:#fff;border-right:1px solid #e6ecf2;flex-direction:column;min-height:0;display:flex}.sidebar-header{align-items:center;gap:12px;height:82px;padding:20px 22px;display:flex}.mini-brand{width:36px;height:36px;box-shadow:none;border-radius:12px;font-size:22px}.sidebar-header h1{letter-spacing:-.5px;flex:1;font-size:20px}.icon-button{color:#59718c;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.icon-button:hover{color:#2479ed;background:#eef3fa}.search{color:#8b9db1;background:#f3f6fa;border-radius:11px;align-items:center;gap:9px;margin:0 18px 18px;padding:11px 13px;display:flex}.search input{color:#29435e;background:0 0;border:0;outline:none;width:100%;font-size:13px}.chat-list{flex:1;padding:0 10px;overflow:auto}.chat-list-item{text-align:left;width:100%;color:inherit;background:#fff;border-radius:13px;align-items:center;gap:12px;margin-bottom:4px;padding:15px 11px;display:flex}.chat-list-item:hover{background:#f5f8fc}.chat-list-item.active{background:#eaf2ff}.avatar{color:#fff;background:linear-gradient(135deg,#9dc5fa,#628ed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;font-weight:600;display:flex}.avatar.small{width:40px;height:40px;font-size:14px}.chat-preview{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.chat-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chat-last{white-space:nowrap;text-overflow:ellipsis;color:#8292a5;font-size:12px;overflow:hidden}.chat-meta{color:#94a2b3;flex-direction:column;align-items:flex-end;gap:8px;font-size:10px;display:flex}.unread{color:#fff;background:#2479ed;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;display:flex}.list-empty{text-align:center;color:#9aacc2;flex-direction:column;align-items:center;gap:13px;padding:60px 24px;display:flex}.list-empty strong{color:#62768f;font-size:15px}.list-empty span{font-size:12px;line-height:1.7}.text-button{color:#2479ed;background:0 0;padding:8px;font-size:12px;font-weight:600}.sidebar-footer{color:#7a8ca1;border-top:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.connection-dot{background:#51b78c;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.new-chat-form{background:#f6f9fd;border:1px solid #e5edf7;border-radius:13px;flex-direction:column;gap:10px;margin:0 18px 20px;padding:15px;display:flex}.form-actions{gap:7px;display:flex}.form-actions .button{padding:10px 12px;font-size:12px}.chat-window{background:radial-gradient(circle at 20% 20%,#e8f0fc 0,#0000 65%),#f0f4f9;flex-direction:column;min-width:0;min-height:0;display:flex}.chat-window>.error-message{border-radius:0;flex-shrink:0}.thread-header{background:#fff;border-bottom:1px solid #e6ecf2;flex-shrink:0;align-items:center;gap:12px;height:78px;padding:16px 28px;display:flex}.thread-header h2{font-size:15px;font-weight:600}.thread-header p{color:#899aaf;margin-top:5px;font-size:11px}.demo-banner{color:#507ab1;text-align:center;background:#e6f0ff;padding:8px 20px;font-size:11px}.message-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;padding:24px 36px;display:flex;overflow:auto}.message{background:#fff;border-radius:16px 16px 16px 4px;align-self:flex-start;min-width:95px;max-width:72%;padding:12px 15px 8px;box-shadow:0 2px 5px #3b5b8705}.message.outgoing{background:#dcecff;border-radius:16px 16px 4px;align-self:flex-end}.message.failed{border:1px solid #efada7}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55}.message-meta{color:#8c9eb4;justify-content:flex-end;gap:6px;margin-top:5px;font-size:10px;display:flex}.outgoing .message-meta{color:#7093c2}.send-error{color:#b43f38;margin-top:8px;font-size:11px}.date-divider{color:#7b8fa9;background:#ffffff90;border-radius:12px;align-self:center;margin:10px 0;padding:5px 11px;font-size:11px}.empty-thread{color:#9aabc0;margin:auto;font-size:13px}.composer{background:#ffffffb0;border-top:1px solid #e4ecf6;flex-shrink:0;padding:15px 28px 10px}.composer>.error-message{margin-bottom:10px}.composer-row{align-items:flex-end;gap:13px;display:flex}.composer textarea{resize:none;color:#223c59;background:#fff;border:1px solid #e2e9f2;border-radius:14px;outline:none;flex:1;min-height:46px;max-height:150px;padding:13px 16px;line-height:1.45}.composer textarea:focus{border-color:#95bdf5}.send-button{color:#fff;background:#2479ed;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.composer-hint{color:#a0afc1;justify-content:space-between;margin:8px 3px;font-size:10px;display:flex}.welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.welcome-icon{color:#80a4d7;background:#e1ebfa;border-radius:35px;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:27px;display:flex}.welcome h2{letter-spacing:-.5px;font-size:25px}.welcome p{color:#8a9cb3;margin:12px 0 35px;font-size:13px;line-height:1.8}.welcome>span{color:#a7b6c9;letter-spacing:1px;text-transform:uppercase;font-size:10px}.mobile-back{display:none}@media (width>=1600px){.chat-layout{border-left:1px solid #e3eaf3;border-right:1px solid #e3eaf3}}@media (width<=760px){.chat-layout{grid-template-columns:285px minmax(0,1fr)}.sidebar-header{padding:20px 16px}.message-list{padding:20px 18px}.message{max-width:88%}.composer{padding:12px}.thread-header{padding:16px}.composer-hint{font-size:9px}}@media (width<=600px){.chat-layout{display:flex}.sidebar{border-right:0;width:100%}.chat-window{width:100%;display:none}.has-active .sidebar{display:none}.has-active .chat-window,.mobile-back{display:flex}.connection-screen{padding:20px 14px}.connection-card{padding:28px 24px}.connection-card h1{font-size:29px}.composer-hint>span:first-child{font-size:9px}.thread-header{gap:8px}.message-list{padding:16px}.message{max-width:88%}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}