.hero-chat{
    --hc-panel:#1b1b1f; --hc-panel-2:#141417; --hc-panel-3:#26262c;
    --hc-line:rgba(255,255,255,.08); --hc-line-2:rgba(255,255,255,.13);
    --hc-on:#f4f4f5; --hc-on-soft:#a1a1aa; --hc-on-faint:#71717a;
    --hc-coral:#d97757; --hc-coral-soft:rgba(217,119,87,.16);
    --hc-green:#34d399; --hc-green-soft:rgba(52,211,153,.14);
    --hc-ease:cubic-bezier(.16,1,.3,1);
    min-width:0;
  }
  .hero-chat .window{position:relative; width:100%; max-width:480px; margin-inline:auto; background:var(--hc-panel); border:1px solid var(--hc-line-2); border-radius:16px; box-shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 30px 60px -22px rgba(17,17,17,.45), 0 12px 24px -16px rgba(17,17,17,.35); overflow:hidden; display:flex; flex-direction:column; height:540px; color:var(--hc-on); font-family:"Geist","Noto Sans Georgian",system-ui,sans-serif;}
  .hero-chat .titlebar{display:flex; align-items:center; gap:8px; padding:13px 15px; border-bottom:1px solid var(--hc-line); background:var(--hc-panel);}
  .hero-chat .lights{display:flex; gap:7px; flex:none;} .hero-chat .lights i{width:11px;height:11px;border-radius:50%;display:block;}
  .hero-chat .lights .r{background:#ec6a5e;} .hero-chat .lights .y{background:#f4bf4f;} .hero-chat .lights .g{background:#61c554;}
  .hero-chat .cap{margin-left:2px; font-size:12.5px; color:var(--hc-on-faint); letter-spacing:.1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .hero-chat .cap b{color:var(--hc-on-soft); font-weight:500;}
  .hero-chat .steps{margin-left:auto; display:flex; gap:5px; flex:none;}
  .hero-chat .steps i{width:5px;height:5px;border-radius:50%;background:var(--hc-on-faint);opacity:.4;transition:.4s var(--hc-ease);}
  .hero-chat .steps i.on{opacity:1;background:var(--hc-coral);width:14px;border-radius:3px;}
  .hero-chat .thread{flex:1; overflow-y:auto; overflow-x:hidden; padding:20px 18px 8px; display:flex; flex-direction:column; gap:14px; min-height:0; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.16) transparent;}
  .hero-chat .thread::-webkit-scrollbar{width:7px;} .hero-chat .thread::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16); border-radius:4px;}
  .hero-chat .thread::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.26);} .hero-chat .thread::-webkit-scrollbar-track{background:transparent;}
  .hero-chat .reveal{opacity:0; transform:translateY(10px); transition:opacity .6s var(--hc-ease), transform .6s var(--hc-ease);}
  .hero-chat .reveal.in{opacity:1; transform:none;}
  .hero-chat .thread.leaving{opacity:0; transform:translateY(-6px); transition:.5s var(--hc-ease);}
  .hero-chat .user{align-self:flex-end; max-width:86%;}
  .hero-chat .user .b{background:var(--hc-panel-3); color:var(--hc-on); border:1px solid var(--hc-line); padding:9px 13px; border-radius:13px 13px 4px 13px; font-size:14px; line-height:1.45; overflow-wrap:anywhere;}
  .hero-chat .user .meta{display:flex; justify-content:flex-end; gap:6px; margin-top:5px; padding-right:2px;} .hero-chat .user .meta svg{opacity:.5}
  .hero-chat .asst{display:flex; gap:11px; align-items:flex-start;}
  .hero-chat .ava{flex:none; width:22px;height:22px; margin-top:1px; color:var(--hc-coral); display:grid; place-items:center;}
  .hero-chat .ava svg{width:20px; height:20px; display:block; animation:hc-spark 2.2s ease-in-out infinite; transform-origin:50% 50%;}
  @keyframes hc-spark{0%,100%{opacity:.6; transform:scale(.9);} 50%{opacity:1; transform:scale(1);}}
  .hero-chat .body{min-width:0; flex:1; font-size:14px; line-height:1.5; color:var(--hc-on);}
  .hero-chat .name{font-size:11.5px; color:var(--hc-on-faint); margin-bottom:3px; letter-spacing:.2px;}
  .hero-chat .streamline{overflow-wrap:anywhere;}
  .hero-chat .working{display:inline-flex; align-items:center; gap:8px; color:var(--hc-on-soft); font-size:13.5px;}
  .hero-chat .working .d{display:inline-flex; gap:3px;} .hero-chat .working .d i{width:4px;height:4px;border-radius:50%;background:var(--hc-on-soft); animation:hc-blink 1.2s infinite var(--hc-ease);}
  .hero-chat .working .d i:nth-child(2){animation-delay:.18s} .hero-chat .working .d i:nth-child(3){animation-delay:.36s}
  @keyframes hc-blink{0%,80%,100%{opacity:.25} 40%{opacity:1}}
  .hero-chat .caret::after{content:"▋"; color:var(--hc-coral); margin-left:1px; animation:hc-caret 1s steps(1) infinite;}
  @keyframes hc-caret{50%{opacity:0}}
  .hero-chat .tool{margin-top:11px; background:var(--hc-panel-2); border:1px solid var(--hc-line); border-radius:11px; overflow:hidden;}
  .hero-chat .tool .head{display:flex; align-items:center; gap:9px; padding:9px 11px;}
  .hero-chat .tool .ico{flex:none; width:18px;height:18px; color:var(--hc-on-soft);}
  .hero-chat .tool .tname{font-family:"Geist Mono",ui-monospace,monospace; font-size:12.5px; color:var(--hc-on); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .hero-chat .tool .tname .dim{color:var(--hc-on-faint);}
  .hero-chat .pill{margin-left:auto; flex:none; display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:500; padding:3px 9px; border-radius:999px; letter-spacing:.2px;}
  .hero-chat .pill.run{background:var(--hc-coral-soft); color:#f0b59b;} .hero-chat .pill.done{background:var(--hc-green-soft); color:var(--hc-green);}
  .hero-chat .spin{width:11px;height:11px;border-radius:50%;border:1.6px solid rgba(217,119,87,.35); border-top-color:var(--hc-coral); animation:hc-spin .7s linear infinite;}
  @keyframes hc-spin{to{transform:rotate(360deg)}}
  .hero-chat .tool .args{padding:0 11px 10px 38px; display:grid; gap:4px;}
  .hero-chat .tool .args .row{font-family:"Geist Mono",ui-monospace,monospace; font-size:12px; color:var(--hc-on-soft); overflow-wrap:anywhere;}
  .hero-chat .tool .args .row .k{color:var(--hc-on-faint);}
  .hero-chat .tool .result{display:grid; grid-template-rows:0fr; transition:grid-template-rows .55s var(--hc-ease), opacity .45s var(--hc-ease); opacity:0; border-top:1px solid transparent;}
  .hero-chat .tool .result.show{grid-template-rows:1fr; opacity:1; border-top-color:var(--hc-line);}
  .hero-chat .tool .result .inner{overflow:hidden;}
  .hero-chat .tool .result .pad{padding:10px 11px; display:flex; align-items:center; gap:9px; font-size:13px; flex-wrap:wrap;}
  .hero-chat .tool .result .gdot{width:7px;height:7px;border-radius:50%;background:var(--hc-green); box-shadow:0 0 0 3px var(--hc-green-soft); flex:none;}
  .hero-chat .tool .result .clock{flex:none; color:var(--hc-coral);}
  .hero-chat .tool .result .id{font-family:"Geist Mono",ui-monospace,monospace; color:var(--hc-on); font-size:12.5px;}
  .hero-chat .tool .result .sub{color:var(--hc-on-faint);}
  .hero-chat .tool .result .amt{margin-left:auto; font-family:"Geist Mono",ui-monospace,monospace; color:var(--hc-on-soft); font-size:12.5px;}
  .hero-chat .report{margin-top:11px; background:var(--hc-panel-2); border:1px solid var(--hc-line); border-radius:11px; padding:12px 13px;}
  .hero-chat .report .rhead{display:flex; justify-content:space-between; font-size:10.5px; text-transform:uppercase; letter-spacing:.5px; color:var(--hc-on-faint); margin-bottom:9px;}
  .hero-chat .rrow{margin-bottom:9px;}
  .hero-chat .rrow .top{display:flex; align-items:baseline; justify-content:space-between; gap:10px; font-size:13px; margin-bottom:4px;}
  .hero-chat .rrow .nm{color:var(--hc-on); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .hero-chat .rrow .val{font-family:"Geist Mono",ui-monospace,monospace; color:var(--hc-on-soft); white-space:nowrap; flex:none;}
  .hero-chat .rrow .val .cnt{color:var(--hc-on-faint);}
  .hero-chat .rrow .bar{height:5px; border-radius:3px; background:rgba(255,255,255,.06); overflow:hidden;}
  .hero-chat .rrow .bar i{display:block; height:100%; width:0; background:var(--hc-coral); border-radius:3px; transition:width .9s var(--hc-ease);}
  .hero-chat .rrow.others .bar i{background:var(--hc-on-faint);}
  .hero-chat .rtotal{display:flex; align-items:baseline; justify-content:space-between; gap:10px; border-top:1px solid var(--hc-line); padding-top:10px; margin-top:3px; font-size:13px;}
  .hero-chat .rtotal .nm{color:var(--hc-on); font-weight:500;} .hero-chat .rtotal .val{font-family:"Geist Mono",ui-monospace,monospace; color:var(--hc-on);} .hero-chat .rtotal .val .cnt{color:var(--hc-on-soft);}
  .hero-chat .rslink{display:inline-flex; align-items:center; gap:5px; margin-top:9px; font-size:13px; color:var(--hc-coral); text-decoration:none;}
  .hero-chat .rslink:hover{text-decoration:underline;}
  .hero-chat .composer{margin:8px 12px 14px; background:var(--hc-panel-2); border:1px solid var(--hc-line-2); border-radius:13px; padding:12px 13px 9px; flex:none;}
  .hero-chat .field{min-height:22px; font-size:14px; color:var(--hc-on); line-height:1.4; overflow-wrap:anywhere;}
  .hero-chat .field.empty{color:var(--hc-on-faint);}
  .hero-chat .field .tc::after{content:"▏"; color:var(--hc-coral); animation:hc-caret 1s steps(1) infinite;}
  .hero-chat .composer .bar{display:flex; align-items:center; gap:8px; margin-top:11px; flex-wrap:wrap; row-gap:8px;}
  .hero-chat .iconbtn{width:28px;height:28px;border-radius:8px;border:1px solid var(--hc-line); background:transparent; color:var(--hc-on-soft); display:grid; place-items:center; flex:none;}
  .hero-chat .chip{display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:var(--hc-on-soft); padding:5px 9px; border:1px solid var(--hc-line); border-radius:8px; background:transparent; flex:none;}
  .hero-chat .chev{width:11px;height:11px;opacity:.5;margin-left:1px;flex:none;}
  .hero-chat .bar .right{margin-left:auto; display:flex; align-items:center; gap:8px;}
  .hero-chat .send{width:30px;height:30px;border-radius:9px;border:none; background:var(--hc-coral); color:#1b1b1f; display:grid; place-items:center; flex:none;}
  .hero-chat .send.pulse{animation:hc-pulse .4s var(--hc-ease);}
  @keyframes hc-pulse{0%{transform:scale(1)}45%{transform:scale(.84)}100%{transform:scale(1)}}
  @media (max-width:480px){ .hero-chat .window{height:520px;} .hero-chat .thread{padding:16px 14px 6px; gap:12px;} .hero-chat .composer{margin:8px 10px 12px;} }