:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#050508;color:#e4e4e7}.agent-shell{min-height:100vh;display:flex;flex-direction:column;max-width:720px;margin:0 auto}.agent-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.agent-header-left{display:flex;align-items:center;gap:.75rem}.agent-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#a78bfa);display:grid;place-items:center;color:#fff}.agent-avatar svg{width:22px;height:22px}.agent-title{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:#f4f4f5}.agent-status{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#ffffff73}.status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e88}.clear-btn{font-size:.75rem;padding:.35rem .75rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff80;cursor:pointer;transition:all .15s}.clear-btn:hover{background:#ffffff14;color:#ffffffbf}.chat-area{flex:1;overflow-y:auto;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.msg-row{display:flex;gap:.6rem;max-width:85%;animation:fadeUp .25s ease-out}.msg-row.user{align-self:flex-end;flex-direction:row-reverse}.msg-row.agent{align-self:flex-start}.msg-avatar{flex-shrink:0}.agent-mini-avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#a78bfa);display:grid;place-items:center;color:#fff;margin-top:2px}.agent-mini-avatar svg{width:16px;height:16px}.msg-bubble{padding:.75rem 1rem;border-radius:1rem;font-size:.9rem;line-height:1.55;position:relative}.msg-bubble.agent{background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-bottom-left-radius:.25rem;color:#d4d4d8}.msg-bubble.user{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;border-bottom-right-radius:.25rem}.msg-text{white-space:pre-wrap;word-break:break-word}.msg-time{display:block;font-size:.65rem;color:#ffffff4d;margin-top:.35rem;text-align:right}.msg-bubble.user .msg-time{color:#ffffff8c}.typing-indicator{display:flex;align-items:center;gap:.3rem;padding:.85rem 1.1rem}.typing-indicator .dot{width:6px;height:6px;border-radius:50%;background:#ffffff59;animation:bounce 1.2s infinite}.typing-indicator .dot:nth-child(2){animation-delay:.15s}.typing-indicator .dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.input-bar{display:flex;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.07);background:#ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;bottom:0}.input-bar input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.625rem;padding:.7rem 1rem;font-size:.9rem;color:#f4f4f5;outline:none;transition:border-color .15s}.input-bar input::placeholder{color:#ffffff4d}.input-bar input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.input-bar input:disabled{opacity:.5}.input-bar button{width:44px;height:44px;border-radius:.625rem;border:none;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;cursor:pointer;display:grid;place-items:center;transition:opacity .15s,transform .1s;flex-shrink:0}.input-bar button svg{width:18px;height:18px}.input-bar button:hover:not(:disabled){opacity:.9;transform:scale(1.04)}.input-bar button:active:not(:disabled){transform:scale(.96)}.input-bar button:disabled{opacity:.4;cursor:not-allowed}.chat-area::-webkit-scrollbar{width:5px}.chat-area::-webkit-scrollbar-track{background:transparent}.chat-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}