html,body,#root{margin:0;padding:0;height:100%;width:100%;min-height:100vh;box-sizing:border-box}body{display:flex;justify-content:center;align-items:stretch;background-color:#242424;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}#root{display:flex;flex-direction:column;height:100%;width:100%}.app-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;background-color:#343541;box-sizing:border-box;margin:0 auto;border-radius:16px;overflow:hidden}.app-container h1{margin:0;padding:16px;text-align:center;background-color:#444654;font-size:1.5rem;font-weight:500;border-bottom:1px solid #565869;flex-shrink:0;border-top-left-radius:16px;border-top-right-radius:16px}.chat-window{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:20px;scroll-behavior:smooth}.messages{display:flex;flex-direction:column;gap:20px;width:50%;margin:0 auto}.message .bubble{white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;max-width:100%}.message.user .bubble{background-color:#10a37f;color:#fff;border-radius:20px;padding:12px 16px;align-self:flex-end}.message.bot .bubble{background-color:#444654;color:#e5e5e5;border-radius:20px;padding:12px 16px;border:1px solid #565869;align-self:flex-start}.chat-input{display:flex;align-items:center;padding:12px 16px;border-top:1px solid #565869;background-color:#40414f;width:50%;margin:0 auto;box-sizing:border-box;position:sticky;bottom:0;border-radius:16px}.chat-input input{flex:1;padding:12px 14px;border-radius:12px;border:none;background-color:#343541;color:#fff;outline:none}.chat-input button{margin-left:10px;padding:10px 16px;border:none;background-color:#10a37f;color:#fff;font-weight:700;border-radius:12px;cursor:pointer}.chat-input button:hover{background-color:#0d8b6a}@media (max-width: 600px){.messages,.chat-input{width:90%}.chat-input input,.chat-input button{font-size:.9rem}}