.chat-container{display:flex;justify-content:center;padding:1rem;background-color:#0f0f0f;min-height:100vh;box-sizing:border-box;color:#e5e5e5}.chat-box{width:100%;max-width:600px;background-color:#1a1a1a;border-radius:8px;display:flex;flex-direction:column;height:90vh;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.5)}.title{font-size:1.5rem;font-weight:700;text-align:left;background-color:#1f1f1f;border-bottom:1px solid #333;align-items:center;gap:.75rem;color:#ffffff}.messages,.title{padding:1rem;display:flex}.messages{flex-grow:1;overflow-y:auto;flex-direction:column;gap:.5rem;margin-bottom:80px}.message{align-items:flex-start;max-width:80%;word-wrap:break-word;margin-bottom:1rem}.message,.user-message{display:flex;flex-direction:column}.user-message{align-self:flex-end;align-items:flex-end}.assistant-message,.user-message{display:flex;align-items:flex-start}.message-text{background-color:#2a2a2a;padding:.6rem 1rem;border-radius:1rem;margin:0 .5rem;white-space:pre-wrap;word-break:break-word;color:#f1f1f1}.user-message .message-text{background-color:#4ade80;color:#000000}.avatar{border-radius:50%}.input-form{display:flex;border-top:1px solid #333;padding:.5rem .75rem;background-color:#1a1a1a;position:fixed;bottom:0;width:100%;z-index:10;justify-content:space-between;align-items:center;max-width:600px;left:50%;transform:translateX(-50%)}.input-field{flex:1;flex-shrink:0;border:1px solid #555;border-radius:9999px;margin-right:.5rem;background-color:#2a2a2a;font-size:1rem;min-width:150px}.input-field,.send-button{padding:.5rem 1rem;color:white}.send-button{background-color:#4f46e5;border:none;border-radius:9999px;cursor:pointer;width:25%;min-width:80px;max-width:120px}.send-button:disabled{background-color:#6366f1;cursor:not-allowed}.message-image{display:block;margin-top:10px;max-width:100%;border-radius:8px}@media (max-width:480px){body,html{height:100%;margin:0;padding:0;overflow:hidden}.chat-container{padding:0;min-height:100vh;height:100vh}.chat-box,.chat-container{display:flex;flex-direction:column}.chat-box{width:100%;height:auto;border-radius:0}.chat-box,.messages{flex-grow:1;margin-bottom:80px}.messages{padding:1rem .75rem;overflow-y:auto}.input-form{padding:.5rem .75rem;background-color:#1a1a1a;position:fixed;bottom:0;width:100%;z-index:10}.input-field{font-size:1rem;width:85%}.send-button{padding:.5rem 1rem;background-color:#4f46e5;color:white;border:none;border-radius:9999px;cursor:pointer;width:20%}.title{font-size:1.2rem;padding:1rem}.message-text{font-size:.95rem}.message{display:flex;flex-direction:column;align-items:flex-start;max-width:80%;word-wrap:break-word;margin-bottom:1rem}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px}}