:root{--primary-color:#332cb7;--bg-color:#f4f7f6;--card-bg:#ffffff;--text-color:#333;--border-color:#e9ecef;--shadow:0 8px 25px rgba(0,0,0,0.1)}.chat-container{font-family:Poppins,sans-serif;width:100%;max-width:800px;height:90vh;max-height:700px;background-color:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;margin:auto;transition:all .3s ease-in-out}.chat-container.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;border-radius:0;z-index:1000}.chat-header{background-color:var(--primary-color);color:#fff;padding:20px;font-weight:600;font-size:1.2em;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border-color);flex-shrink:0}#fullscreen-toggle{background:none;border:none;color:#fff;font-size:1em;cursor:pointer;padding:5px;opacity:.8;transition:opacity .2s}#fullscreen-toggle:hover{opacity:1}.chat-body{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;scroll-behavior:smooth}.chat-message{padding:12px 18px;border-radius:22px;max-width:75%;line-height:1.5;word-wrap:break-word;opacity:0;transform:translateY(10px);animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.bot-message{background-color:#f1f1f1;color:var(--text-color);align-self:flex-start;border-bottom-left-radius:5px}.user-message{background-color:var(--primary-color);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.chat-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.chat-options button{background-color:#fff;border:1px solid var(--primary-color);color:var(--primary-color);padding:10px 15px;border-radius:50px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease}.chat-options button:hover{background-color:var(--primary-color);color:#fff}.chat-options button:disabled{background-color:#e9ecef;color:#6c757d;border-color:#e9ecef;cursor:not-allowed}.chat-input-area{display:flex;padding:15px 20px;border-top:1px solid var(--border-color);background-color:#fff;flex-shrink:0}.chat-input-area input{flex-grow:1;border:1px solid var(--border-color);border-radius:20px;padding:10px 20px;outline:none;font-size:1em;transition:border-color .2s;color:var(--text-color);min-width:0}.chat-input-area input:focus{border-color:var(--primary-color)}.chat-input-area input:disabled{background-color:#f8f9fa}.chat-input-area button{background:none;border:none;color:var(--primary-color);font-size:1.5em;cursor:pointer;margin-left:15px;display:flex;align-items:center;justify-content:center;transition:color .2s}.chat-input-area button:disabled{color:#adb5bd;cursor:not-allowed}.typing-indicator{display:flex;align-items:center;gap:5px}.typing-indicator span{height:8px;width:8px;background-color:#ccc;border-radius:50%;animation:bounce 1.3s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}