.qc{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:Inter,system-ui,"Segoe UI",Roboto,Arial,sans-serif}
.qc *{box-sizing:border-box}
.qc-fab{display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:99px;border:1.5px solid rgba(25,185,255,.55);background:linear-gradient(180deg,#14206a,#0b1248);color:#eef2ff;font:800 16px/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 24px rgba(25,185,255,.3);transition:transform .18s}
.qc-fab:hover{transform:translateY(-2px)}
.qc-fab svg{width:26px;height:26px;fill:none;stroke:#19b9ff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.qc.open .qc-fab{display:none}
.qc-panel{display:none;flex-direction:column;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 32px));background:#0b1240;border:1.5px solid rgba(120,150,255,.28);border-radius:20px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.65)}
.qc.open .qc-panel{display:flex}
.qc-head{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:linear-gradient(180deg,#16217a,#0f1850);border-bottom:1px solid rgba(120,150,255,.22)}
.qc-av{flex:none;width:38px;height:38px;border-radius:12px;background:#0b1550;display:grid;place-items:center}
.qc-av svg{width:24px;height:24px}
.qc-ht{flex:1;min-width:0;line-height:1.2}.qc-ht b{display:block;font-family:Poppins,Inter,sans-serif;font-weight:800;font-size:15px;color:#eef2ff}.qc-ht span{font-size:13px;color:#a9b6e8}
.qc-x{flex:none;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#eef2ff;cursor:pointer;display:grid;place-items:center}
.qc-x:hover{background:rgba(255,255,255,.08)}
.qc-x svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}
.qc-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;overscroll-behavior:contain}
.qc-m{max-width:86%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.45;color:#eef2ff;word-wrap:break-word;white-space:pre-wrap}
.qc-m.b{align-self:flex-start;background:#16205f;border:1px solid rgba(120,150,255,.2);border-bottom-left-radius:5px}
.qc-m.u{align-self:flex-end;background:linear-gradient(180deg,#1a8fd6,#1673b3);border-bottom-right-radius:5px}
.qc-dots{display:inline-flex;gap:5px;padding:4px 0}.qc-dots i{width:7px;height:7px;border-radius:50%;background:#a9b6e8;animation:qcb 1s infinite}.qc-dots i:nth-child(2){animation-delay:.15s}.qc-dots i:nth-child(3){animation-delay:.3s}
@keyframes qcb{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-4px)}}
.qc-chips{display:flex;flex-wrap:wrap;gap:8px}
.qc-chip{min-height:44px;padding:0 14px;border-radius:99px;border:1px solid rgba(25,185,255,.5);background:rgba(25,185,255,.08);color:#eef2ff;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.qc-chip:hover{background:rgba(25,185,255,.18)}
.qc-tg{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;background:linear-gradient(180deg,#0a8a50,#0b7f48);color:#fff;font:600 15px Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 8px 22px rgba(10,138,80,.4)}
.qc-tg svg{width:22px;height:22px;fill:#fff}
.qc-form{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(120,150,255,.22);background:#0b1240}
.qc-in{flex:1;min-width:0;height:48px;padding:0 14px;border-radius:14px;border:1.5px solid rgba(120,150,255,.3);background:#0f1850;color:#eef2ff;font:16px Inter,system-ui,sans-serif}
.qc-in::placeholder{color:#8795cf}
.qc-in:focus{outline:none;border-color:#19b9ff}
.qc-send{flex:none;width:48px;height:48px;border:0;border-radius:14px;background:#19b9ff;color:#04163a;cursor:pointer;display:grid;place-items:center}
.qc-send:disabled{opacity:.5;cursor:default}
.qc-send svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.qc-foot{padding:0 12px 10px;font-size:12px;color:#8795cf;text-align:center;background:#0b1240}
@media (max-width:480px){.qc{right:8px;bottom:8px}.qc.open .qc-panel{width:calc(100vw - 16px);height:calc(100dvh - 16px)}}
@media (prefers-reduced-motion:reduce){.qc-dots i{animation:none}.qc-log{scroll-behavior:auto}.qc-fab{transition:none}}

.qc-top{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(120,150,255,.4);background:#0f1850;color:#eef2ff;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.qc-top.show{opacity:1;visibility:visible;transform:none}
.qc-top:hover{border-color:#19b9ff;color:#19b9ff}
.qc-top svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.qc.open .qc-top{display:none}
@media (prefers-reduced-motion:reduce){.qc-top{transition:none}}