@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";body,html{width:100%;height:100%;overflow:hidden;background-color:#0000!important}#root{background-color:#0000;width:100%;height:100%}:root{--primary:gold;--primary-glow:#ffd70066;--bg-color:#fff;--surface:#f7f7f7;--border-color:#e0e0e0;--text:#000;--text-muted:#666;--radius-md:12px;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background-color:#0000;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow:hidden}.iframe-container{background-color:var(--bg-color);border:1px solid var(--border-color);flex-direction:column;width:100vw;height:100vh;display:flex}.chat-header{border-bottom:2px solid var(--primary);z-index:10;background:#000;align-items:center;padding:12px 20px;display:flex}.agent-info{align-items:center;gap:12px;display:flex}.chat-header .avatar{background:var(--primary);color:#000;width:38px;height:38px;box-shadow:0 2px 10px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;display:flex}.agent-info h3{color:var(--primary);margin-bottom:0;font-size:1.1rem;font-weight:700}.status{color:#ccc;font-size:.7rem}.messages-container{scroll-behavior:smooth;background-color:var(--bg-color);flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:0 0}.messages-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.message-wrapper{width:100%;display:flex}.message-wrapper.user{justify-content:flex-end}.message-wrapper.assistant{justify-content:flex-start}.message-bubble{align-items:flex-end;gap:12px;max-width:85%;display:flex}.message-wrapper.user .message-bubble{flex-direction:row-reverse;max-width:90%}.message-content{background:var(--surface);color:var(--text);border:1px solid var(--border-color);border-radius:18px;padding:12px 16px;font-size:.95rem;box-shadow:0 2px 5px #00000008}.message-wrapper.user .message-content{background:#fffbd6;border-color:#ffe066;border-radius:18px 18px 2px}.message-wrapper.assistant .message-content{background:var(--surface);border-color:var(--border-color);border-radius:18px 18px 18px 2px}.message-content p{margin-bottom:.6em}.message-content p:last-child{margin-bottom:0}.message-content strong{color:#000;font-weight:700}.message-content a{color:#b39700;font-weight:600;text-decoration:underline}.message-content ul,.message-content ol{margin-bottom:.8em;margin-left:20px}.loading-bubble .message-content{align-items:center;padding:14px 20px;display:flex}.typing-indicator span{background-color:#000;border-radius:50%;width:5px;height:5px;margin:0 2px;animation:1.4s ease-in-out infinite both typing;display:inline-block}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.input-area{background:var(--bg-color);border-top:1px solid var(--border-color);padding:12px}.input-form{background:var(--bg-color);border-radius:var(--radius-md);transition:var(--transition);border:1px solid #ccc;align-items:center;padding:6px;display:flex}.input-form:focus-within{border-color:#b39700;box-shadow:0 0 0 2px #ffd70033}.mic-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mic-btn:hover{color:#000;background:#f0f0f0}.mic-btn.listening{color:red;background:#ffebeb;animation:1.5s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.input-form input{color:#000;background:0 0;border:none;flex:1;padding:8px 12px;font-family:inherit;font-size:.95rem}.input-form input::placeholder{color:#999}.input-form input:focus{outline:none}.send-btn{background:var(--primary);color:#000;border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:var(--transition);border:none;justify-content:center;align-items:center;display:flex}.send-btn:hover:not(:disabled){background:#e6c200;transform:scale(1.05)}.send-btn:disabled{color:#b3b3b3;cursor:not-allowed;background:#eaeaea}.error-box{color:#d32f2f;text-align:center;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;margin:auto;padding:20px;font-weight:500}