body{margin:0;font-family:Arial;background:#0f0f0f;color:#fff}
.topbar{display:flex;justify-content:space-between;padding:10px;background:#111}
.icon-btn{background:none;border:none;color:#fff;font-size:18px}
.chat-area{padding:15px;min-height:70vh}
.user{background:#1e90ff;align-self:flex-end;border-radius:15px 15px 0 15px;padding:10px;margin:5px;max-width:70%}
.bot{background:#222;border-radius:15px 15px 15px 0;padding:10px;margin:5px;max-width:70%;animation:type 2s steps(40)}
.bottom-bar{position:fixed;bottom:0;width:100%;background:#111;padding:10px}
.input-box textarea{width:100%;border-radius:25px;padding:12px;background:#222;color:#fff;border:none;resize:none}
.under-left,.under-right{display:flex;justify-content:space-between;margin-top:6px}
.send-btn{background:#1e90ff;color:#fff;border-radius:50%;width:45px;height:45px;transform:scale(0);transition:.3s}
.assist-btn{background:#333;color:#fff;border-radius:20px;padding:10px}
.brand-row{display:flex;gap:10px;margin-top:5px}
.brand{background:#222;color:#fff;border-radius:20px;padding:6px 12px}
.thinking span{width:8px;height:8px;background:white;border-radius:50%;display:inline-block;animation:pulse 1.5s infinite}
@keyframes pulse{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}
@keyframes type{from{width:0}to{width:100%}}