.tw-chat{--tw-paper:var(--paper,#f3eddf);--tw-card:#fffdf8;--tw-ink:var(--ink-900,#2b2926);--tw-ink2:var(--ink-500,#6b665c);--tw-line:var(--line,#e4dcc7);--tw-sage-l:#edecd9;--tw-sage-d:#726e3d;--tw-body:var(--font-body,"Mulish",system-ui,-apple-system,sans-serif);--tw-disp:var(--font-display,'Nunito','Century Gothic',system-ui,sans-serif);display:flex;flex-direction:column;background:var(--tw-paper);color:var(--tw-ink);font:15.5px/1.55 var(--tw-body);min-height:0;height:100%;overflow:hidden;position:relative}
.tw-chat[dir=rtl]{font-family:"Noto Naskh Arabic",Tahoma,var(--tw-body);font-size:16.5px}
.tw-head{display:flex;align-items:center;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--tw-line);background:var(--tw-paper);flex:none}
.tw-avatar{width:40px;height:40px;border-radius:50%;background:var(--tw-sage-l);color:var(--tw-sage-d);display:grid;place-items:center;font:500 20px/1 var(--tw-disp);flex:none;border:1px solid #dcd9b8}
.tw-id{display:flex;flex-direction:column;min-width:0;flex:1}.tw-id b{font:500 17px/1.2 var(--tw-disp)}.tw-id span{font-size:12.5px;color:var(--tw-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tw-tools{display:flex;gap:6px;flex:none}.tw-tools button{min-width:40px;height:36px;border-radius:999px;border:1px solid var(--tw-line);background:#fff;color:var(--tw-ink);font:600 13px var(--tw-body);padding:0 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tw-tools button:hover{background:#efe9db}
.tw-chat i[style*="--i"]{display:inline-block;width:18px;height:18px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.tw-note{margin:0;padding:8px 16px;font-size:12.5px;color:var(--tw-sage-d);background:var(--tw-sage-l);border-bottom:1px solid var(--tw-line);flex:none}
.tw-thread{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:18px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:10px}
.tw-msg{max-width:min(84%,520px);padding:11px 15px;border-radius:18px;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty}
.tw-msg.bot{align-self:flex-start;background:var(--tw-card);box-shadow:0 1px 2px rgba(43,41,38,.06);border-end-start-radius:6px}
.tw-msg.me{align-self:flex-end;background:var(--tw-ink);color:var(--tw-paper);border-end-end-radius:6px}
.tw-sys{align-self:center;font-size:12.5px;color:var(--tw-ink2);text-align:center;max-width:80%;padding:2px 10px}
.tw-card{align-self:flex-start;max-width:min(92%,520px);background:var(--tw-card);border:1px solid var(--tw-line);border-radius:16px;padding:14px 16px;box-shadow:0 1px 2px rgba(43,41,38,.06)}
.tw-card b{display:block;font:500 13px var(--tw-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--tw-sage-d);margin-bottom:8px}
.tw-card dl{margin:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;font-size:14.5px}.tw-card dt{color:var(--tw-ink2)}.tw-card dd{margin:0;overflow-wrap:anywhere}.tw-card p{margin:10px 0 0;font-size:13px;color:var(--tw-ink2)}
.tw-typing{align-self:flex-start;display:inline-flex;gap:5px;padding:14px 16px;background:var(--tw-card);border-radius:18px;border-end-start-radius:6px}.tw-typing i{width:7px;height:7px;border-radius:50%;background:var(--tw-ink2);opacity:.4;animation:twdot 1.2s infinite}.tw-typing i:nth-child(2){animation-delay:.2s}.tw-typing i:nth-child(3){animation-delay:.4s}@keyframes twdot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.tw-chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));flex:none;max-height:40vh;overflow:auto}.tw-chips:empty{display:none}
.tw-chips button{min-height:40px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--tw-ink);background:transparent;color:var(--tw-ink);font:600 14px var(--tw-body);cursor:pointer;text-align:center}.tw-chips button:hover{background:var(--tw-ink);color:var(--tw-paper)}
.tw-chat[dir=rtl] .tw-chips button{font-family:"Noto Naskh Arabic",Tahoma,var(--tw-body);font-size:15px}
.tw-chips.list{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;background:var(--tw-card);margin:0 16px 10px;padding:4px 0;border-radius:14px;border:1px solid var(--tw-line);max-height:min(40vh,320px);overflow:auto}.tw-chips.list button{border:0;border-radius:0;text-align:start;padding:12px 16px;border-bottom:1px solid var(--tw-line)}.tw-chips.list button:last-child{border-bottom:0}.tw-chips.list button:hover{background:var(--tw-sage-l);color:var(--tw-ink)}
.tw-composer{display:flex;gap:8px;align-items:flex-end;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));border-top:1px solid var(--tw-line);background:var(--tw-paper);flex:none}
.tw-composer textarea{flex:1;min-height:46px;max-height:140px;resize:none;border:1.5px solid var(--tw-line);border-radius:23px;padding:12px 16px;background:#fff;font:inherit;color:inherit;line-height:1.4}.tw-composer textarea:focus{outline:none;border-color:var(--tw-sage-d);box-shadow:0 0 0 3px rgba(194,189,131,.35)}
.tw-composer button{width:46px;height:46px;border-radius:50%;border:0;background:var(--tw-ink);color:var(--tw-paper);display:grid;place-items:center;cursor:pointer;flex:none}.tw-composer button:disabled{opacity:.4}
.tw-foot{margin:0;padding:4px 16px calc(8px + env(safe-area-inset-bottom));font-size:12px;color:var(--tw-ink2);text-align:center;background:var(--tw-paper);flex:none}
@media (prefers-reduced-motion:reduce){.tw-typing i{animation:none;opacity:.7}}

.tw-avatar img{width:78%;height:78%;object-fit:contain;display:block}.tw-avatar{background:#fff!important;color:transparent!important;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}