/* H24 Leads — 30s loop: list (new lead lands from Instagram → assign to AI agent) → board (they reply, drag New → Contacted) → lead detail (AI conversation, create & send quote, accepted, booked, mark Won) (needs hero-graphics.css shell) */
.rcg .h24{--t:30s;--y:#d99a06}
.rcg .h24 .mu{color:var(--g-mute,#6b7280)}.rcg .h24 .gr{color:var(--grn);font-weight:700}.rcg .h24 .org{color:var(--org)}
.rcg .h24 .ai{box-shadow:none;display:inline-grid;place-items:center;width:12px;height:12px;border-radius:3px;background:var(--blue);color:#fff;font-size:5.5px;font-weight:800;font-style:normal;flex:none;letter-spacing:0}
.rcg .h24 .avt{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:var(--blue);color:#fff;font-size:5.5px;font-weight:800;font-style:normal;flex:none}.rcg .h24 .avt.tm{background:var(--g-mute2,#9aa0ab)}
.rcg .h24 .rp{font-style:normal;color:var(--org);font-weight:700;font-size:9px}.rcg .h24 .us{font-style:normal;color:var(--g-mute2,#9aa0ab);font-size:7px}
/* app-style status chips */
.rcg .hg.h24 .chip{border-radius:4px;height:17px;font-size:8px}.rcg .hg.h24 .chip.st{color:var(--g-ink2,#3a3f4b);border-color:var(--g-line,#e6e8ed);background:var(--g-bg,#fff)}
.rcg .hg.h24 .chip.st.b::before{background:var(--blue)}.rcg .hg.h24 .chip.st.o::before{background:var(--org)}.rcg .hg.h24 .chip.st.p::before{background:var(--pur)}.rcg .hg.h24 .chip.st.y::before{background:var(--y)}.rcg .hg.h24 .chip.st.g::before{background:var(--grn)}
.rcg .h24 .chips{display:flex;gap:4px;align-items:center;flex-wrap:nowrap;min-width:0;overflow:hidden}.rcg .h24 .chips .chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;line-height:15px;flex:0 1 auto;min-width:0}
/* views */
.rcg .h24 .vw{position:absolute;left:22px;right:22px;top:18px;bottom:18px;opacity:0;display:flex;flex-direction:column;gap:10px}
.rcg .h24 .vw.ls{opacity:1;animation:ldVls var(--t) ease-in-out infinite}.rcg .h24 .vw.bd{animation:ldVbd var(--t) ease-in-out infinite}.rcg .h24 .vw.dt{animation:ldVdt var(--t) ease-in-out infinite;gap:8px}
@keyframes ldVls{0%,22%{opacity:1;transform:none}23.5%,100%{opacity:0;transform:translateX(-10px)}}
@keyframes ldVbd{0%,22.5%{opacity:0;transform:translateX(10px)}24%,43.5%{opacity:1;transform:none}45%,100%{opacity:0;transform:translateX(-10px)}}
@keyframes ldVdt{0%,44%{opacity:0;transform:translateX(10px)}45.5%,100%{opacity:1;transform:none}}
.rcg .h24 .lbar{display:flex;align-items:center;gap:6px;height:26px}.rcg .h24 .lbar .srch{width:180px;white-space:nowrap;overflow:hidden}.rcg .h24 .lbar .btn.pri{margin-left:auto}
.rcg .h24 .vt{display:inline-flex;gap:2px;padding:2px;border-radius:6px;background:var(--g-hi,#f3f4f6);margin-left:auto}.rcg .h24 .vt i{width:20px;height:20px;border-radius:4px;display:grid;place-items:center;font-style:normal;font-size:9px;color:var(--g-mute,#6b7280)}.rcg .h24 .vt i.on{background:var(--g-bg,#fff);color:var(--g-ink,#111318);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.rcg .h24 .lbar .btn.pri+.vt,.rcg .h24 .vt+.btn.pri{margin-left:0}
.rcg .h24 .ls .vt .l{animation:ldVtL var(--t) step-end infinite}.rcg .h24 .ls .vt .b{animation:ldVtB var(--t) step-end infinite}
@keyframes ldVtL{0%,21.5%{background:var(--g-bg,#fff);color:var(--g-ink,#111318);box-shadow:0 1px 2px rgba(0,0,0,.08)}21.51%,100%{background:transparent;color:var(--g-mute,#6b7280);box-shadow:none}}
@keyframes ldVtB{0%,21.5%{background:transparent;color:var(--g-mute,#6b7280);box-shadow:none}21.51%,100%{background:var(--g-bg,#fff);color:var(--g-ink,#111318);box-shadow:0 1px 2px rgba(0,0,0,.08)}}
/* list table */
.rcg .h24 .lt .hd,.rcg .h24 .lt .row{grid-template-columns:64px minmax(0,1.2fr) 84px 108px 66px minmax(0,1.25fr) 82px;gap:8px}
.rcg .h24 .lt .hd{padding:0 8px 6px;font-size:7.5px}.rcg .h24 .lt .row{height:40px;padding:0 8px;font-size:9px}
.rcg .h24 .lt .row>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:flex;align-items:center;gap:4px}.rcg .h24 .lt .row>.sw{display:grid;align-items:center}.rcg .h24 .lt .row>.sw>*{grid-area:1/1}
.rcg .h24 .ldn{display:grid!important;gap:1px;align-content:center}.rcg .h24 .ldn b{font-weight:700;font-size:9.5px;overflow:hidden;text-overflow:ellipsis}.rcg .h24 .ldn small{font-size:8px;color:var(--g-mute,#6b7280);overflow:hidden;text-overflow:ellipsis}
.rcg .h24 .asn span{overflow:hidden;text-overflow:ellipsis}
.rcg .h24 .row.nr{animation:ldNr var(--t) ease-out infinite;overflow:hidden}.rcg .h24 .row.nr>*{animation:ldNri var(--t) ease-out infinite;position:relative;z-index:1}
@keyframes ldNr{0%,3.5%{height:0;border-bottom-width:0}4.5%,100%{height:40px;border-bottom-width:1px}}@keyframes ldNri{0%,4%{opacity:0;transform:translateY(4px)}5%,100%{opacity:1;transform:none}}
.rcg .h24 .row.nr::after{content:"";position:absolute;inset:0;background:var(--g-bluetint,#eef3ff);opacity:0;animation:ldNrHl var(--t) ease-out infinite;pointer-events:none;z-index:0}@keyframes ldNrHl{0%,4%{opacity:0}5%,9%{opacity:1}13%,100%{opacity:0}}
.rcg .h24 .sw>*{display:flex;align-items:center;gap:4px;white-space:nowrap;min-width:0;overflow:hidden}.rcg .h24 .sw>* span{overflow:hidden;text-overflow:ellipsis}
.rcg .h24 .asg .a{animation:ldA12 var(--t) step-end infinite}.rcg .h24 .asg .b{animation:ldB12 var(--t) step-end infinite}
@keyframes ldA12{0%,12.3%{opacity:1}12.31%,100%{opacity:0}}@keyframes ldB12{0%,12.3%{opacity:0}12.31%,100%{opacity:1}}
.rcg .h24 .eng .a{animation:ldA13 var(--t) step-end infinite}.rcg .h24 .eng .b{animation:ldB13 var(--t) step-end infinite}
@keyframes ldA13{0%,13%{opacity:1}13.01%,100%{opacity:0}}@keyframes ldB13{0%,13%{opacity:0}13.01%,100%{opacity:1}}
.rcg .h24 .pop.asgm{left:296px;top:70px;width:132px;padding:4px;opacity:0;transform:translateY(-4px);animation:ldAsgm var(--t) ease-out infinite}.rcg .h24 .asgm span{display:flex;align-items:center;gap:6px;height:21px;padding:0 7px;border-radius:5px;font-size:8.5px;font-weight:600;color:var(--g-ink2,#3a3f4b);white-space:nowrap}.rcg .h24 .asgm .hv{animation:ldHv var(--t) step-end infinite}
@keyframes ldAsgm{0%,9.2%{opacity:0;transform:translateY(-4px)}9.7%,12.2%{opacity:1;transform:none}12.4%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes ldHv{0%,11.2%{background:transparent}11.21%,12.3%{background:var(--g-hi,#f3f4f6)}12.31%,100%{background:transparent}}
/* board */
.rcg .h24 .bd .pills span b{font-weight:600;color:var(--g-mute,#6b7280);margin-left:3px}.rcg .h24 .bd .pills span.on b{color:var(--g-ink2,#3a3f4b)}
.rcg .h24 .cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex:1;min-height:0;--cw:calc((100% - 32px)/5)}
.rcg .h24 .col{border:1px solid var(--g-line,#e6e8ed);border-top:3px solid var(--cc);border-radius:8px;background:var(--g-soft,#f6f7f9);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.rcg .h24 .chd{padding:7px 8px 6px;display:grid;grid-template-columns:1fr auto;gap:1px 6px;background:var(--g-bg,#fff);border-bottom:1px solid var(--g-line,#e6e8ed)}.rcg .h24 .chd>b{font-size:9.5px;font-weight:700}.rcg .h24 .chd small{grid-column:1/-1;font-size:7.5px;color:var(--g-mute,#6b7280)}.rcg .h24 .chd small b{font-size:7.5px}
.rcg .h24 .cnt{height:14px;min-width:18px;padding:0 5px;border-radius:7px;background:var(--g-hi,#f3f4f6);font-size:7.5px;font-weight:700;display:inline-grid;place-items:center;color:var(--g-ink2,#3a3f4b)}.rcg .h24 .cnt.sw>*{display:block}
.rcg .h24 .cn .a,.rcg .h24 .cc .a{animation:ldA33 var(--t) step-end infinite}.rcg .h24 .cn .b,.rcg .h24 .cc .b{animation:ldB33 var(--t) step-end infinite}
@keyframes ldA33{0%,33%{opacity:1}33.01%,100%{opacity:0}}@keyframes ldB33{0%,33%{opacity:0}33.01%,100%{opacity:1}}
.rcg .h24 .cb{padding:8px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}
.rcg .h24 .slot{height:106px;flex:none;animation:ldSlot var(--t) ease-in-out infinite}.rcg .h24 .slot2{height:0;margin-top:-8px;flex:none;animation:ldSlot2 var(--t) ease-in-out infinite}
@keyframes ldSlot{0%,32.6%{height:106px;margin-top:0}33.4%,100%{height:0;margin-top:-8px}}@keyframes ldSlot2{0%,32.6%{height:0;margin-top:-8px}33.4%,100%{height:106px;margin-top:0}}
.rcg .h24 .kc{background:var(--g-bg,#fff);border:1px solid var(--g-line,#e6e8ed);border-radius:7px;padding:7px 8px;display:grid;gap:3px;font-size:7.5px;flex:none;height:106px;box-sizing:border-box;overflow:hidden}
.rcg .h24 .kh{display:flex;justify-content:space-between;align-items:center}.rcg .h24 .kh b{font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcg .h24 .kh i{font-style:normal;color:var(--g-mute2,#9aa0ab)}
.rcg .h24 .pri{font-weight:700;display:flex;align-items:center;gap:5px;white-space:nowrap}.rcg .h24 .pri.md{color:var(--org)}.rcg .h24 .pri.hi{color:var(--red)}.rcg .h24 .pri .gr{font-size:7.5px}
.rcg .h24 .kl{display:flex;align-items:center;gap:5px;color:var(--g-ink2,#3a3f4b);white-space:nowrap;overflow:hidden;min-width:0}.rcg .h24 .kl i{font-style:normal;color:var(--g-mute2,#9aa0ab);font-size:8px;flex:none}.rcg .h24 .kl span{overflow:hidden;text-overflow:ellipsis}
.rcg .h24 .is{font-size:7px;color:var(--g-mute,#6b7280);margin-top:1px}
.rcg .h24 .kc .chip{height:15px;font-size:7px;padding:0 5px;line-height:13px}
.rcg .h24 .kf{display:flex;align-items:center;gap:4px;color:var(--g-mute,#6b7280);white-space:nowrap;margin-top:1px}.rcg .h24 .kf.sw{display:grid}
.rcg .h24 .rpl .a{animation:ldA26 var(--t) step-end infinite}.rcg .h24 .rpl .b{animation:ldB26 var(--t) step-end infinite}
@keyframes ldA26{0%,26.5%{opacity:1}26.51%,100%{opacity:0}}@keyframes ldB26{0%,26.5%{opacity:0}26.51%,100%{opacity:1}}
.rcg .h24 .kc.dc{position:absolute;top:92px;width:calc(var(--cw) - 18px);left:9px;z-index:5;animation:ldDg var(--t) cubic-bezier(.3,.7,.3,1) infinite}
@keyframes ldDg{0%,27.8%{left:9px;box-shadow:none;transform:none}28.6%{left:9px;box-shadow:0 10px 22px -8px rgba(0,0,0,.4);transform:scale(1.04) rotate(1deg)}32.4%{left:calc(var(--cw) + 17px);box-shadow:0 10px 22px -8px rgba(0,0,0,.4);transform:scale(1.04) rotate(1deg)}33.2%,100%{left:calc(var(--cw) + 17px);box-shadow:none;transform:none}}
.rcg .h24 .bd .cols{--cw:calc((100% - 32px)/5)}.rcg .h24 .vw.bd{--cw:calc((100% - 32px)/5)}
/* detail */
.rcg .h24 .dhd{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.rcg .h24 .dnm{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:3px 8px}.rcg .h24 .dnm b{font-size:14px;font-weight:700;letter-spacing:-.01em}.rcg .h24 .dnm small{grid-column:1/-1;font-size:8.5px;color:var(--g-mute,#6b7280)}
.rcg .h24 .dnm{flex:none}.rcg .h24 .chip.asc{gap:5px}.rcg .h24 .nxt{display:inline-grid}.rcg .h24 .nxt>*,.rcg .h24 .nxt>* span{overflow:visible}.rcg .h24 .nxt .a{animation:ldA76 var(--t) step-end infinite}.rcg .h24 .nxt .b{animation:ldB76 var(--t) step-end infinite}
@keyframes ldA76{0%,76.3%{opacity:1}76.31%,100%{opacity:0}}@keyframes ldB76{0%,76.3%{opacity:0}76.31%,100%{opacity:1}}
.rcg .h24 .btn.cq{animation:ldPress56 var(--t) step-end infinite}@keyframes ldPress56{0%,56%{filter:none}56.01%,56.5%{filter:brightness(.85)}56.51%,100%{filter:none}}
.rcg .h24 .pipe{border:1px solid var(--g-line,#e6e8ed);border-radius:8px;padding:7px 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rcg .h24 .pl{font-size:7.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g-mute,#6b7280)}.rcg .h24 .pst{font-size:8.5px;color:var(--g-mute,#6b7280);display:inline-grid}.rcg .h24 .pst b{color:var(--g-ink,#111318)}
.rcg .h24 .pst .a{animation:ldA76 var(--t) step-end infinite}.rcg .h24 .pst .b{animation:ldB76 var(--t) step-end infinite}
.rcg .h24 .steps{flex-basis:100%;display:flex;align-items:center;gap:0;margin-top:2px}.rcg .h24 .stp{height:20px;padding:0 8px;border-radius:10px;border:1px solid var(--g-line,#e6e8ed);font-size:8px;font-weight:600;color:var(--g-mute,#6b7280);display:inline-flex;align-items:center;white-space:nowrap;position:relative;background:var(--g-bg,#fff)}.rcg .h24 .stp+.stp{margin-left:8px}.rcg .h24 .stp+.stp::before{content:"";position:absolute;left:-9px;top:50%;width:8px;height:1px;background:var(--g-line,#e6e8ed)}
.rcg .h24 .stp::after{content:"✓";font-size:7px;font-weight:800;max-width:0;overflow:hidden;display:inline-block;margin-left:0;transition:none}
.rcg .h24 .stp.dn{background:var(--g-hi,#f3f4f6);border-color:transparent;color:var(--g-ink2,#3a3f4b)}.rcg .h24 .stp.dn::after{max-width:10px;margin-left:4px}
.rcg .h24 .stp.s1{animation:ldS1 var(--t) step-end infinite}.rcg .h24 .stp.s1::after{animation:ldCk1 var(--t) step-end infinite}
.rcg .h24 .stp.s2{animation:ldS2 var(--t) step-end infinite}.rcg .h24 .stp.s2::after{animation:ldCk2 var(--t) step-end infinite}
.rcg .h24 .stp.s3{animation:ldS3 var(--t) step-end infinite}.rcg .h24 .stp.s3::after{animation:ldCk3 var(--t) step-end infinite}
.rcg .h24 .stp.s4{animation:ldS4 var(--t) step-end infinite}.rcg .h24 .stp.s4::after{animation:ldCk4 var(--t) step-end infinite}
.rcg .h24 .stp.s5{animation:ldS5 var(--t) step-end infinite}.rcg .h24 .stp.s5::after{animation:ldCk5 var(--t) step-end infinite}
.rcg .h24 .stp.s6{animation:ldS6 var(--t) step-end infinite}
@keyframes ldS1{0%,62.3%{background:var(--blue);border-color:var(--blue);color:#fff}62.31%,100%{background:var(--g-hi,#f3f4f6);border-color:transparent;color:var(--g-ink2,#3a3f4b)}}@keyframes ldCk1{0%,62.3%{max-width:0;margin-left:0}62.31%,100%{max-width:10px;margin-left:4px}}
@keyframes ldS2{0%,62.3%{background:var(--g-bg,#fff);border-color:var(--g-line,#e6e8ed);color:var(--g-mute,#6b7280)}62.31%,63.5%{background:var(--blue);border-color:var(--blue);color:#fff}63.51%,100%{background:var(--g-hi,#f3f4f6);border-color:transparent;color:var(--g-ink2,#3a3f4b)}}@keyframes ldCk2{0%,63.5%{max-width:0;margin-left:0}63.51%,100%{max-width:10px;margin-left:4px}}
@keyframes ldS3{0%,63.5%{background:var(--g-bg,#fff);border-color:var(--g-line,#e6e8ed);color:var(--g-mute,#6b7280)}63.51%,69%{background:var(--blue);border-color:var(--blue);color:#fff}69.01%,100%{background:var(--g-hi,#f3f4f6);border-color:transparent;color:var(--g-ink2,#3a3f4b)}}@keyframes ldCk3{0%,69%{max-width:0;margin-left:0}69.01%,100%{max-width:10px;margin-left:4px}}
@keyframes ldS4{0%,69%{background:var(--g-bg,#fff);border-color:var(--g-line,#e6e8ed);color:var(--g-mute,#6b7280)}69.01%,72.5%{background:var(--blue);border-color:var(--blue);color:#fff}72.51%,100%{background:var(--g-hi,#f3f4f6);border-color:transparent;color:var(--g-ink2,#3a3f4b)}}@keyframes ldCk4{0%,72.5%{max-width:0;margin-left:0}72.51%,100%{max-width:10px;margin-left:4px}}
@keyframes ldS5{0%,72.5%{background:var(--g-bg,#fff);border-color:var(--g-line,#e6e8ed);color:var(--g-mute,#6b7280)}72.51%,76.3%{background:var(--blue);border-color:var(--blue);color:#fff}76.31%,100%{background:var(--g-hi,#f3f4f6);border-color:transparent;color:var(--g-ink2,#3a3f4b)}}@keyframes ldCk5{0%,76.3%{max-width:0;margin-left:0}76.31%,100%{max-width:10px;margin-left:4px}}
@keyframes ldS6{0%,76.3%{background:var(--g-bg,#fff);border-color:var(--g-line,#e6e8ed);color:var(--g-mute,#6b7280)}76.31%,100%{background:var(--grn);border-color:var(--grn);color:#fff}}
.rcg .h24 .tabs.dtb{margin-bottom:0;gap:14px}.rcg .h24 .dtb span{font-size:9px;padding-bottom:6px}.rcg .h24 .dtb .sw{display:inline-grid;padding-bottom:0}.rcg .h24 .dtb .sw>*{padding-bottom:6px}
.rcg .h24 .mc .a{animation:ldMa var(--t) step-end infinite}.rcg .h24 .mc .b{opacity:0;animation:ldMb var(--t) step-end infinite}.rcg .h24 .mc .c{opacity:0;animation:ldMcc var(--t) step-end infinite}.rcg .h24 .mc .d{opacity:0;animation:ldMd var(--t) step-end infinite}
@keyframes ldMa{0%,64%{opacity:1}64.01%,100%{opacity:0}}@keyframes ldMb{0%,64%{opacity:0}64.01%,68%{opacity:1}68.01%,100%{opacity:0}}@keyframes ldMcc{0%,68%{opacity:0}68.01%,72%{opacity:1}72.01%,100%{opacity:0}}@keyframes ldMd{0%,72%{opacity:0}72.01%,100%{opacity:1}}
.rcg .h24 .qc .a,.rcg .h24 .ev .a{animation:ldA62 var(--t) step-end infinite}.rcg .h24 .qc .b,.rcg .h24 .ev .b{animation:ldB62 var(--t) step-end infinite}
@keyframes ldA62{0%,62.3%{opacity:1}62.31%,100%{opacity:0}}@keyframes ldB62{0%,62.3%{opacity:0}62.31%,100%{opacity:1}}
.rcg .h24 .dg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;flex:1;min-height:0}
.rcg .h24 .dcard{border:1px solid var(--g-line,#e6e8ed);border-radius:8px;padding:9px 10px;display:grid;gap:5px;align-content:start;font-size:8.5px}.rcg .h24 .dcard .sec{margin:0 0 2px;font-size:10px}.rcg .h24 .dcard .kl{font-size:8.5px}.rcg .h24 .dcard .is{margin-top:4px}
.rcg .h24 .veh{display:flex;align-items:center;gap:7px;height:24px;border-radius:6px;background:var(--g-soft,#f6f7f9);padding:0 8px;font-size:9px}.rcg .h24 .veh i{font-style:normal;color:var(--red)}.rcg .h24 .veh b{font-weight:700}
.rcg .h24 .fg{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin-top:5px}.rcg .h24 .fld{font-size:7.5px}.rcg .h24 .fld b{font-size:9px;margin-top:1px;display:grid}.rcg .h24 .fld b.sw>*{grid-area:1/1}.rcg .h24 .fld b.org{color:var(--org)}
.rcg .h24 .dr{display:flex;flex-direction:column;gap:8px;min-height:0}
.rcg .h24 .aic{border:1px solid var(--g-line,#e6e8ed);border-radius:8px;padding:7px 10px;display:flex;align-items:center;gap:8px;font-size:8px}.rcg .h24 .aic>div{flex:1}.rcg .h24 .aic b{display:block;font-size:9px;font-weight:700}.rcg .h24 .aic small{display:block;color:var(--g-mute,#6b7280);font-size:7.5px}.rcg .h24 .aic .ai{width:16px;height:16px;font-size:7px}
.rcg .h24 .tgm{width:22px;height:12px;border-radius:6px;background:var(--blue);position:relative;flex:none}.rcg .h24 .tgm::after{content:"";position:absolute;top:1.5px;left:11.5px;width:9px;height:9px;border-radius:50%;background:#fff}
.rcg .h24 .thr{border:1px solid var(--g-line,#e6e8ed);border-radius:8px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.rcg .h24 .th{padding:6px 10px;border-bottom:1px solid var(--g-line,#e6e8ed);font-size:9px;font-weight:700;display:flex;align-items:center;gap:6px}.rcg .h24 .th small{font-weight:500;font-size:7.5px;color:var(--g-mute,#6b7280)}
.rcg .h24 .msgs{flex:1;min-height:0;padding:8px 10px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;overflow:hidden}
.rcg .h24 .mg{max-width:84%;padding:5px 8px;border-radius:8px;font-size:8px;line-height:1.35;opacity:0;transform:translateY(5px)}.rcg .h24 .mg p{margin:0}.rcg .h24 .mg small{display:flex;align-items:center;gap:4px;font-size:6.5px;opacity:.75;margin-bottom:2px}.rcg .h24 .mg small .ai{width:9px;height:9px;font-size:4.5px;background:#fff;color:var(--blue)}
.rcg .h24 .mg.in{align-self:flex-start;background:var(--g-hi,#f3f4f6);border-top-left-radius:3px}.rcg .h24 .mg.out{align-self:flex-end;background:var(--blue);color:#fff;border-top-right-radius:3px}.rcg .h24 .mg.qt{background:var(--g-bg,#fff);color:var(--g-ink,#111318);border:1px solid var(--g-blueline,#bfd3fb)}.rcg .h24 .mg.qt b{color:var(--blue)}
.rcg .h24 .m1{animation:ldM1 var(--t) ease-out infinite}.rcg .h24 .m2{animation:ldM2 var(--t) ease-out infinite}.rcg .h24 .m3{animation:ldM3 var(--t) ease-out infinite}.rcg .h24 .m4{animation:ldM4 var(--t) ease-out infinite}.rcg .h24 .m5{animation:ldM5 var(--t) ease-out infinite}.rcg .h24 .m6{animation:ldM6 var(--t) ease-out infinite}
@keyframes ldM1{0%,46.3%{opacity:0;transform:translateY(5px)}47.3%,100%{opacity:1;transform:none}}@keyframes ldM2{0%,47.5%{opacity:0;transform:translateY(5px)}48.5%,100%{opacity:1;transform:none}}@keyframes ldM3{0%,49%{opacity:0;transform:translateY(5px)}50%,100%{opacity:1;transform:none}}
@keyframes ldM4{0%,63.8%{opacity:0;transform:translateY(5px)}64.8%,100%{opacity:1;transform:none}}@keyframes ldM5{0%,68%{opacity:0;transform:translateY(5px)}69%,100%{opacity:1;transform:none}}@keyframes ldM6{0%,72%{opacity:0;transform:translateY(5px)}73%,100%{opacity:1;transform:none}}
.rcg .h24 .mg{overflow:hidden;box-sizing:border-box;flex:none}.rcg .h24 .m4,.rcg .h24 .m5,.rcg .h24 .m6{max-height:0;padding-top:0;padding-bottom:0;margin-top:-5px}
.rcg .h24 .m4{animation:ldM4 var(--t) ease-out infinite,ldSp4 var(--t) step-end infinite}.rcg .h24 .m5{animation:ldM5 var(--t) ease-out infinite,ldSp5 var(--t) step-end infinite}.rcg .h24 .m6{animation:ldM6 var(--t) ease-out infinite,ldSp6 var(--t) step-end infinite}
@keyframes ldSp4{0%,63.8%{max-height:0;padding-top:0;padding-bottom:0;margin-top:-5px;border-width:0}63.81%,100%{max-height:80px;padding-top:5px;padding-bottom:5px;margin-top:0;border-width:1px}}
@keyframes ldSp5{0%,68%{max-height:0;padding-top:0;padding-bottom:0;margin-top:-5px}68.01%,100%{max-height:80px;padding-top:5px;padding-bottom:5px;margin-top:0}}
@keyframes ldSp6{0%,72%{max-height:0;padding-top:0;padding-bottom:0;margin-top:-5px}72.01%,100%{max-height:80px;padding-top:5px;padding-bottom:5px;margin-top:0}}
.rcg .h24 .comp{display:flex;gap:6px;padding:7px 10px;border-top:1px solid var(--g-line,#e6e8ed);align-items:center}.rcg .h24 .comp .ph{flex:1;height:22px;border:1px solid var(--g-line,#e6e8ed);border-radius:6px;padding:0 8px;display:flex;align-items:center;font-size:8px;color:var(--g-mute2,#9aa0ab)}.rcg .h24 .comp .btn{height:22px;font-size:8.5px}
/* quote popup */
.rcg .h24 .pop.qp{left:240px;top:120px;width:320px;opacity:0;transform:translateY(6px) scale(.97);animation:ldQp var(--t) cubic-bezier(.2,.9,.3,1.1) infinite}
@keyframes ldQp{0%,56.3%{opacity:0;transform:translateY(6px) scale(.97)}57.1%,62.3%{opacity:1;transform:none}62.9%,100%{opacity:0;transform:translateY(2px) scale(.98)}}
.rcg .h24 .pop .fr{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.rcg .h24 .pop .f{display:grid;gap:3px;min-width:0}.rcg .h24 .pop .f i{font-style:normal;font-size:8.5px;color:var(--g-mute,#6b7280)}.rcg .h24 .pop .f b{height:24px;border:1px solid var(--g-line,#e6e8ed);border-radius:6px;padding:0 8px;display:flex;align-items:center;font-size:9.5px;font-weight:600;white-space:nowrap;overflow:hidden;background:var(--g-soft,#f6f7f9)}
.rcg .h24 .pop .f b.dd::after{content:"";margin-left:auto;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;flex:none}
.rcg .h24 .pop .bt{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.rcg .h24 .btn.sq{animation:ldPress62 var(--t) step-end infinite}@keyframes ldPress62{0%,62%{filter:none}62.01%,62.4%{filter:brightness(.85)}62.41%,100%{filter:none}}
/* toasts */
.rcg .h24 .toast.tA{animation:ldTA var(--t) ease-out infinite}.rcg .h24 .toast.tB{animation:ldTB var(--t) ease-out infinite}.rcg .h24 .toast.tC{animation:ldTC var(--t) ease-out infinite;right:auto;left:30px}
@keyframes ldTA{0%,13.5%{opacity:0;transform:translateY(8px)}14.7%,20%{opacity:1;transform:none}21.2%,100%{opacity:0;transform:translateY(4px)}}
@keyframes ldTB{0%,34%{opacity:0;transform:translateY(8px)}35.2%,41%{opacity:1;transform:none}42.2%,100%{opacity:0;transform:translateY(4px)}}
@keyframes ldTC{0%,77.5%{opacity:0;transform:translateY(8px)}78.7%,90%{opacity:1;transform:none}91.2%,100%{opacity:0;transform:translateY(4px)}}
/* cursor */
.rcg .h24 .cur{animation:ldCur var(--t) cubic-bezier(.3,.7,.3,1) infinite}
@keyframes ldCur{0%,5.5%{opacity:0;left:560px;top:300px}8%{opacity:1;left:390px;top:99px}8.8%{left:390px;top:99px;transform:scale(1)}9.2%{transform:scale(.8)}9.8%{transform:scale(1)}10.5%{left:390px;top:99px}11.3%{left:380px;top:122px}11.8%{left:380px;top:122px;transform:scale(1)}12.2%{transform:scale(.8)}12.8%{transform:scale(1)}14%{left:380px;top:122px}17%{left:520px;top:250px}19.5%{left:520px;top:250px}21%{left:679px;top:31px}21.5%{left:679px;top:31px;transform:scale(1)}21.9%{transform:scale(.8)}22.5%{transform:scale(1)}23.5%{left:679px;top:31px}26%{left:104px;top:160px}27.8%{left:104px;top:160px;transform:scale(1)}28.4%{transform:scale(.8)}32.4%{left:257px;top:160px;transform:scale(.8)}33.2%{transform:scale(1)}36%{left:300px;top:270px}41%{left:300px;top:270px}42.5%{left:257px;top:160px}43%{left:257px;top:160px;transform:scale(1)}43.4%{transform:scale(.8)}44%{transform:scale(1)}46%{left:257px;top:160px}49%{left:420px;top:300px}54.5%{left:420px;top:300px}55.5%{left:744px;top:31px}56%{left:744px;top:31px;transform:scale(1)}56.4%{transform:scale(.8)}57%{transform:scale(1)}58%{left:744px;top:31px}60.5%{left:534px;top:298px}61.6%{left:534px;top:298px;transform:scale(1)}62%{transform:scale(.8)}62.6%{transform:scale(1)}64%{left:534px;top:298px}66%{left:420px;top:330px}74%{left:420px;top:330px}75.5%{left:515px;top:94px}76%{left:515px;top:94px;transform:scale(1)}76.4%{transform:scale(.8)}77%{transform:scale(1)}79%{left:515px;top:94px}82%{opacity:1;left:420px;top:300px}85%,100%{opacity:0;left:420px;top:300px}}
