*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#1a1d23}.app{max-width:780px;height:100vh;margin:0 auto;display:flex;flex-direction:column;background:#fff}header{padding:14px 20px;border-bottom:1px solid #e3e5e9;position:relative}header h1{margin:0;font-size:20px;color:#5b3df5}header p{margin:2px 0 0;font-size:13px;color:#6b7280}.clear{position:absolute;right:20px;top:16px;background:none;border:1px solid #d5d8de;border-radius:6px;padding:5px 10px;cursor:pointer;font-size:13px}main{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.empty{margin:auto;color:#8a8f98;text-align:center;max-width:320px}.msg{display:flex}.msg.user{justify-content:flex-end}.bubble{max-width:80%;padding:10px 14px;border-radius:14px;white-space:pre-wrap;line-height:1.45;word-break:break-word}.user .bubble{background:#5b3df5;color:#fff;border-bottom-right-radius:4px}.assistant .bubble{background:#eef0f4;border-bottom-left-radius:4px}.typing{display:flex;gap:4px}.typing span{width:7px;height:7px;background:#9aa0aa;border-radius:50%;animation:b 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes b{0%,80%,to{opacity:.3}40%{opacity:1}}.error{background:#fdecec;color:#b42318;border:1px solid #f5c2c0;padding:10px 14px;border-radius:8px;font-size:14px}footer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid #e3e5e9}textarea{flex:1;resize:none;padding:10px 12px;border:1px solid #d5d8de;border-radius:10px;font:inherit}textarea:focus{outline:2px solid #c9bfff}footer button{background:#5b3df5;color:#fff;border:0;border-radius:10px;padding:0 22px;font-weight:600;cursor:pointer}footer button:disabled{opacity:.5;cursor:not-allowed}