:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}body{margin:0;background:#f6f7fb}button{font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.page{height:100vh;display:flex;flex-direction:column;background:#f6f7fb;color:#101828}.topbar{height:52px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eaecf0}.title{font-size:16px;font-weight:700}.ghost{border:1px solid #eaecf0;background:#fff;color:#344054;border-radius:10px;padding:8px 10px}.langSwitcher{display:flex;gap:6px;align-items:center}.langBtn{border:1px solid #eaecf0;background:#fff;color:#344054;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer;transition:all .2s}.langBtn:hover:not(:disabled){border-color:#155eef;color:#155eef}.langBtn.active{background:#155eef;border-color:#155eef;color:#fff}.langBtn:disabled{opacity:.5;cursor:not-allowed}.chat{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.empty{margin:auto;text-align:center;color:#667085}.emptyTitle{font-weight:700;color:#101828;margin-bottom:6px}.row{display:flex;align-items:flex-end;gap:8px}.row.user{justify-content:flex-end}.row.assistant{justify-content:flex-start}.avatar{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:.2px;-webkit-user-select:none;user-select:none;flex:0 0 32px;border:1px solid #eaecf0;background:#fff;color:#344054}.avatar.assistant{background:#f4ebff;border-color:#e9d7fe;color:#5925dc}.avatar.user{background:#d1e9ff;border-color:#b2ddff;color:#1849a9}.bubble{max-width:min(78vw,540px);border-radius:14px;padding:10px 12px;box-shadow:0 1px 2px #1018280f;background:#fff;border:1px solid #eaecf0}.row.user .bubble{background:#155eef;border-color:#155eef;color:#fff}.text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.4}.typing{opacity:.8}.img{width:100%;max-width:280px;border-radius:12px;display:block;margin-bottom:8px}.composer{padding:10px 10px 12px;background:#fff;border-top:1px solid #eaecf0}.preview{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #eaecf0;border-radius:12px;margin-bottom:8px}.previewImg{width:56px;height:56px;object-fit:cover;border-radius:10px}.bar{display:flex;gap:8px;align-items:flex-end}.fileBtn{border:1px solid #eaecf0;background:#fff;border-radius:12px;padding:10px;font-size:13px;color:#344054;white-space:nowrap}.fileBtn input{display:none}.audioBtn{border:1px solid #eaecf0;background:#fff;border-radius:12px;padding:10px;font-size:13px;color:#344054;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.audioBtn:hover:not(:disabled){border-color:#155eef;color:#155eef}.audioBtn.recording{background:#fecdca;border-color:#f04438;color:#b42318;animation:pulse 1s infinite}.audioBtn:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.audioPreview{flex:1;height:40px}.input{flex:1;resize:none;border:1px solid #eaecf0;border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.4;outline:none;max-height:140px}.input:focus{border-color:#155eef;box-shadow:0 0 0 3px #155eef29}.send{background:#155eef;border:1px solid #155eef;color:#fff;border-radius:12px;padding:10px 12px;font-weight:700}.danger{margin-left:auto;border:1px solid #fecdca;background:#fff;color:#b42318;border-radius:10px;padding:8px 10px}