.chat-container{display:flex;flex-direction:column;height:100vh;font-family:Arial,sans-serif;background:#f5f6fa}.chat-header{display:flex;justify-content:space-between;align-items:center;background:#4f46e5;color:#fff;padding:10px 16px;font-size:1.1em;font-weight:700}.switch{display:flex;align-items:center;gap:8px}.switch input{display:none}.slider{position:relative;width:40px;height:20px;background:#aaa;border-radius:20px;cursor:pointer}.slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s}.switch input:checked+.slider:before{transform:translate(20px)}.switch input:checked+.slider{background:#16a34a}.label{font-size:.9em}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.message{max-width:70%;padding:10px 14px;border-radius:18px;font-size:.95em;line-height:1.3}.user{background:#4f46e5;color:#fff;align-self:flex-end}.bot{background:#e5e7eb;color:#111;align-self:flex-start}.chat-input{display:flex;padding:10px;background:#fff;border-top:1px solid #ddd}.chat-input input{flex:1;padding:10px;border-radius:20px;border:1px solid #ccc;outline:none}.chat-input button{margin-left:10px;padding:10px 16px;border:none;border-radius:20px;background:#4f46e5;color:#fff;cursor:pointer;transition:background .2s}.chat-input button:hover{background:#4338ca}