:root{--color-accent:#96f;--color-accent-hover:#fff3;--color-bg:#fff;--color-bg-elevated:#fff;--color-bg-subtle:#f9fafb;--color-bg-control:#f3f4f6;--color-bg-msg-incoming:#f0f0f0;--color-bg-msg-outgoing:#f0e8ff;--color-bg-avatar-incoming:#e8e8e8;--color-bg-avatar-outgoing:#e0d4f5;--color-bg-input-btn-hover:#f0f0f0;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-muted:#999;--color-text-on-accent:#fff;--color-text-avatar-incoming:#666;--color-border:#e5e5e5;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-weight-normal:400;--font-weight-semibold:600;--line-height-msg:1.5;--space-xxs:.25rem;--space-xs:.375rem;--space-sm:.5rem;--space-md:.625rem;--space-base:.75rem;--space-lg:1rem;--size-avatar:2.25rem;--size-send-btn:2.25rem;--radius-full:50%;--radius-bubble:.75rem;--radius-hairline:.0625rem;--opacity-disabled:.4}.theme-dark{--color-bg:#1a1a2e;--color-bg-msg-incoming:#2a2a4a;--color-bg-msg-outgoing:#3a2a5a;--color-bg-avatar-incoming:#3a3a5a;--color-bg-avatar-outgoing:#4a3a6a;--color-bg-input-btn-hover:#2a2a4a;--color-text-primary:#e0e0e0;--color-text-secondary:#aaa;--color-text-muted:#888;--color-text-avatar-incoming:#aaa;--color-border:#2a2a4a;--color-bg-elevated:#252540;--color-bg-subtle:#1e1e38;--color-bg-control:#2e2e50}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased}.chat-window{background:var(--color-bg);flex-direction:column;height:100%;display:flex}.chat-header{padding:var(--space-base) var(--space-lg);background:var(--color-accent);color:var(--color-text-on-accent);justify-content:space-between;align-items:center;display:flex}.chat-header-left{align-items:center;gap:var(--space-sm);display:flex}.chat-header-right{align-items:center;gap:var(--space-xxs);display:flex}.chat-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.chat-header-btn{color:var(--color-text-on-accent);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-full);background:0 0;border:none;align-items:center;display:flex}.chat-header-btn:hover{background:var(--color-accent-hover)}.chat-messages{min-height:0;padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-messages-spacer{flex:1}.chat-message{gap:var(--space-md);align-items:flex-start;display:flex}.msg-avatar{width:var(--size-avatar);height:var(--size-avatar);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.msg-avatar-badge{background:var(--color-bg-control);width:1rem;height:1rem;color:var(--color-text-secondary);border:.09375rem solid #fff;border-radius:2rem;justify-content:center;align-items:center;padding:.125rem;display:flex;position:absolute;bottom:-.125rem;right:-.125rem}.msg-avatar[data-direction=outgoing]{background:var(--color-bg-avatar-outgoing);color:var(--color-accent)}.msg-avatar[data-direction=incoming]{background:var(--color-bg-avatar-incoming);color:var(--color-text-avatar-incoming)}.msg-header{justify-content:space-between;align-items:center;gap:var(--space-xxs);display:flex}.msg-content{gap:var(--space-xxs);min-width:0;max-width:calc(100% - var(--size-avatar) - var(--space-md));flex-direction:column;display:flex}.msg-sender{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.msg-bubble{padding:var(--space-base) var(--space-lg);border-radius:var(--radius-bubble);font-size:var(--font-size-base);line-height:var(--line-height-msg);color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:break-word}.outgoing .msg-bubble{background:var(--color-bg-msg-outgoing)}.incoming .msg-bubble{background:var(--color-bg-msg-incoming)}.msg-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chat-input-form{padding:var(--space-base) var(--space-lg);border-top:var(--radius-hairline) solid var(--color-border);align-items:center;gap:var(--space-xxs);display:flex;position:relative}.chat-input{padding:var(--space-md) 0;font-size:var(--font-size-base);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input-btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-full);background:0 0;border:none;align-items:center;display:flex}.chat-input-btn:hover{color:var(--color-text-primary);background:var(--color-bg-input-btn-hover)}.chat-input-btn--active{color:var(--color-accent)}.chat-send{background:var(--color-accent);color:var(--color-text-on-accent);border-radius:var(--radius-full);width:var(--size-send-btn);height:var(--size-send-btn);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.call-system-message{justify-content:center;margin:.5rem .75rem;display:flex}.call-system-message-text{font-style:italic;font-size:var(--font-size-xs);color:var(--color-muted,#8a8f98);margin:0}.attachment-row{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-base);border:var(--radius-hairline) solid var(--color-border);background:var(--color-bg);font-size:var(--font-size-base);border-radius:.5rem;display:flex}.attachment-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-primary);flex:1;overflow:hidden}.attachment-row--message .attachment-row__name{color:var(--color-accent)}.attachment-row__actions{align-items:center;gap:var(--space-xxs);display:flex}.attachment-row__action{cursor:pointer;padding:var(--space-xxs);border-radius:var(--radius-full);color:var(--color-text-secondary);background:0 0;border:0;align-items:center;display:flex}.attachment-row__action:hover{color:var(--color-text-primary);background:var(--color-bg-input-btn-hover)}.attachment-row__spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);flex-shrink:0;width:1rem;height:1rem;animation:.7s linear infinite attachment-spin}@keyframes attachment-spin{to{transform:rotate(360deg)}}.attachment-row__error-badge{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;width:1.125rem;height:1.125rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.attachment-row--error{border-color:var(--color-danger)}.msg-attachments{gap:var(--space-sm);margin-top:var(--space-xs);flex-direction:column;display:flex}html,body,#root{background:var(--color-bg);height:100%;color:var(--color-text-primary);font-family:var(--font-family);-webkit-tap-highlight-color:transparent}.chat-window{min-height:100vh}.status-dot{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;display:inline-block}.status-dot-connecting{background:#f59e0b;animation:1s infinite status-dot-pulse}.status-dot-connected{background:#22c55e}.status-dot-disconnected{background:#ef4444}@keyframes status-dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.input-card{background:var(--color-bg-elevated);border:.0625rem solid var(--color-border);border-radius:var(--radius-bubble);padding:var(--space-lg);margin:0 var(--space-lg) var(--space-base)}.input-card .card-prompt{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--space-lg);line-height:var(--line-height-msg)}.input-card input,.input-card textarea{background:var(--color-bg);border:.09375rem solid var(--color-border);border-radius:var(--radius-bubble);width:100%;color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--space-base) var(--space-lg);outline:none;font-family:inherit}.input-card input:focus,.input-card textarea:focus{border-color:var(--color-accent)}.input-card textarea{resize:none;min-height:5rem}.input-card .otp-input{letter-spacing:.5rem;text-align:center;font-size:1.8rem;font-weight:var(--font-weight-semibold);font-family:Courier New,monospace}.btn-submit{width:100%;margin-top:var(--space-base);padding:var(--space-base);background:var(--color-accent);color:var(--color-text-on-accent);border-radius:var(--radius-bubble);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;border:none}.btn-submit:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}