.container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3f4f6;font-family:Arial,sans-serif}.chatbox{width:100%;max-width:800px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:90vh}.header{display:flex;align-items:center;padding:12px 16px;background-color:#f9fafb;border-bottom:1px solid #ddd}.header h1{flex:1;color:#333;font-size:18px;margin:0}.header span{color:#666;font-size:14px}.scenario-selector{padding:12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ddd}.scenario-selector button,.scenario-selector select{padding:8px 12px;border:1px solid #ccc;border-radius:6px}.scenario-selector button{background-color:#3b82f6;color:#fff;cursor:pointer}.scenario-selector button:hover{background-color:#2563eb}.chat-window{flex:1;padding:16px;overflow-y:auto;background-color:#f9fafb}.bubble{max-width:70%;margin:8px 0;padding:10px 16px;border-radius:16px;word-wrap:break-word}.bubble.doctor{background-color:#3b82f6;color:#fff;align-self:flex-end}.bubble.patient{background-color:#e5e7eb;color:#333;align-self:flex-start}.input-bar{display:flex;gap:12px;padding:12px;background-color:#f3f4f6;border-top:1px solid #ddd}.input-bar input{flex:1;padding:8px;border:1px solid #ccc;border-radius:6px;outline:none}.input-bar button{background-color:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.input-bar button:hover{background-color:#2563eb}.loading{color:#555;font-size:14px;text-align:center;margin-top:8px}