:root { --hz-accent: #e63946; }
#hzchat { max-width: 720px; border:1px solid #e5e7eb; border-radius:10px; padding:12px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 24px auto; }
#hzchat .hzchat__header { display:flex; justify-content:space-between; align-items:center; padding:8px 10px; background:linear-gradient(90deg, var(--hz-accent), #f59e0b); color:#fff; border-radius:8px; margin-bottom:10px; }
#hzchat .hzchat__log { min-height:160px; max-height:420px; overflow:auto; background:#fafafa; border:1px solid #eee; border-radius:8px; padding:10px; }
#hzchat .hzchat__row { display:flex; margin:6px 0; }
#hzchat .hzchat__row.-u { justify-content:flex-end; }
#hzchat .hzchat__bubble { max-width: 85%; padding:8px 10px; border-radius:14px; line-height:1.35; white-space:pre-wrap; }
#hzchat .hzchat__row.-u .hzchat__bubble { background:#2563eb; color:#fff; }
#hzchat .hzchat__row.-b .hzchat__bubble { background:#fff; border:1px solid #e5e7eb; }
#hzchat .hzchat__form { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
#hzchat .hzchat__form input { flex:1; min-width:180px; padding:8px 10px; border:1px solid #e5e7eb; border-radius:8px; }
#hzchat .hzchat__form button { padding:8px 16px; border:0; border-radius:8px; background:#111827; color:#fff; cursor:pointer; }
#hzchat .hzchat__quick { display:flex; gap:8px; flex-wrap:wrap; margin:10px 0; }
#hzchat .hzchat__quick button { border:1px solid #e5e7eb; background:#fff; border-radius:999px; padding:6px 10px; cursor:pointer; color:#000; }
#hzchat .hzchat__gate { display:flex; align-items:center; gap:10px; margin:8px 0; }
#hzchat .hzchat__cap-box { display:flex; align-items:center; gap:8px; }
#hzchat .hzchat__gate button { padding:6px 12px; border-radius:8px; border:0; background:#111827; color:#fff; cursor:pointer; }
#hzchat .hzchat__danger { margin-top:8px; font-size:12px; }