*{box-sizing:border-box}*,body{margin:0;padding:0}.chat-container{display:flex;flex-direction:column;justify-content:space-between;height:100vh;max-width:100%;margin:0 auto;padding:40px;background:linear-gradient(135deg,#f0f4f8,#d1e7dd);font-family:Arial,sans-serif;box-shadow:0 4px 20px rgba(0,0,0,.1);border-radius:20px}.chat-history{position:relative;flex:1 1;overflow-y:auto;padding:25px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:20px;margin-bottom:20px}.chat-heading{top:10px;font-size:24px;font-weight:700;color:rgba(44,62,80,.8)}.chat-heading,.tagline{position:absolute;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;z-index:1}.tagline{top:50px;font-size:16px;color:rgba(15,81,50,.8)}.chat-message{margin-bottom:20px}.question{font-size:16px;font-weight:600;color:#2c3e50}.answer{font-size:16px;line-height:1.5;color:#0f5132;background:linear-gradient(135deg,#d1e7dd,#a3d9a5);padding:15px;border-radius:10px;white-space:pre-wrap;overflow-wrap:break-word;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:10px 0}.chat-input{display:flex;gap:10px}.input{flex:1 1;padding:15px;font-size:16px;border:1px solid #4caf50;border-radius:25px;outline:none;transition:border-color .3s;background-color:#fff;color:#2c3e50;box-shadow:6px 6px 15px rgba(0,0,0,.2),-6px -6px 15px hsla(0,0%,100%,.9)}.input:focus{border-color:#66bb6a;box-shadow:0 0 5px rgba(102,187,106,.5)}.button{padding:15px 20px;font-size:16px;font-weight:700;color:#fff;background-color:#4caf50;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:0 4px 10px rgba(0,0,0,.1)}.button:hover:not(:disabled){background-color:#388e3c;transform:translateY(-2px)}.button:disabled{background-color:#aaa;cursor:not-allowed}@media (max-width:600px){.chat-container{padding:10px}.button,.input{font-size:14px;padding:10px}.chat-history{padding:10px}}