body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee}.app{max-width:800px;margin:0 auto;height:100vh;display:flex;flex-direction:column}header{padding:20px;text-align:center;border-bottom:1px solid #333}header h1{font-size:1.5rem;margin-bottom:5px}header p{color:#888;font-size:.9rem}.chat-container{flex:1;overflow-y:auto;padding:20px}.welcome{text-align:center;color:#888;margin-top:50px}.welcome ul{list-style:none;margin-top:15px}.welcome li{background:#2a2a4a;padding:10px 15px;margin:8px auto;border-radius:8px;max-width:300px;cursor:pointer}.welcome li:hover{background:#3a3a5a}.message{margin-bottom:15px;display:flex}.message.user{justify-content:flex-end}.message-content{max-width:70%;padding:12px 16px;border-radius:12px;line-height:1.5;white-space:pre-wrap}.message.user .message-content{background:#06c;color:#fff}.message.assistant .message-content{background:#2a2a4a;color:#eee}.message-content.loading{color:#888;font-style:italic}.input-container{padding:20px;border-top:1px solid #333;display:flex;gap:10px}.input-container input{flex:1;padding:12px 16px;border:1px solid #444;border-radius:8px;background:#2a2a4a;color:#eee;font-size:1rem}.input-container input:focus{outline:none;border-color:#06c}.input-container button{padding:12px 24px;background:#06c;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.input-container button:hover:not(:disabled){background:#05a}.input-container button:disabled{opacity:.5;cursor:not-allowed}