:root{--royal-blue: #4169e1;--light-gray: #f7f7f8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;background-color:#fff}.chat-container{max-width:800px;margin:0 auto;padding:20px;height:100vh;display:flex;flex-direction:column}.messages{flex-grow:1;overflow-y:auto;margin-bottom:20px}.input-container{position:relative;margin-bottom:20px}.message-input{width:100%;padding:12px 50px 12px 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:16px;resize:none;min-height:44px;max-height:200px;outline:none}.send-button{position:absolute;right:12px;bottom:12px;background:var(--royal-blue);border:none;border-radius:4px;padding:6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.send-button:hover{opacity:.9}.message{padding:20px;margin:10px 0;border-radius:8px}.user-message{background-color:var(--light-gray)}.assistant-message{background-color:#fff}.suggestions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.suggestion{padding:10px 15px;background-color:#fff;border:1px solid #e5e5e5;border-radius:15px;cursor:pointer;transition:background-color .2s}.suggestion:hover{background-color:var(--light-gray)}.header{text-align:center;margin-bottom:30px}.header h1{font-size:24px;margin-bottom:10px}.header p{color:#666}.footer{background-color:#fff;text-align:center;padding:20px;font-size:14px;color:#666}.footer a{color:#8a2be2;text-decoration:none}.footer a:hover{text-decoration:underline}