#s-chat{height:100%;font-family:var(--f);color:var(--ink);flex-direction:column;display:flex}#s-chat .top{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px 12px;display:flex;position:sticky;top:0}#s-chat .ib{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 6px 16px -12px #60489666}#s-chat .ib svg{width:18px;height:18px}#s-chat .peer{flex:1;align-items:center;gap:11px;min-width:0;display:flex}#s-chat .peer .ava{background:radial-gradient(120% 120% at 30% 20%,var(--lav-soft),#efe6fd);border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;animation:4.5s ease-in-out infinite chat-float;display:flex;position:relative;box-shadow:0 8px 18px -12px #7a3fe699}#s-chat .peer .ava svg{filter:drop-shadow(0 4px 6px #5028a047);width:30px;height:34px}#s-chat .dot{background:var(--good);border:2.5px solid var(--bg);border-radius:50%;width:12px;height:12px;animation:2.4s ease-out infinite chat-pulse;position:absolute;bottom:0;right:-1px;box-shadow:0 0 #22a96a80}#s-chat .peer .nm{letter-spacing:-.02em;font-size:17px;font-weight:600;line-height:1.15}#s-chat .peer .st{color:var(--muted);align-items:center;gap:5px;margin-top:1px;font-size:11.5px;display:flex}#s-chat .peer .st i{background:var(--good);border-radius:50%;width:6px;height:6px;display:inline-block}#s-chat .kebab{color:var(--muted)}#s-chat .thread{flex-direction:column;flex:1;gap:14px;padding:20px 16px 8px;display:flex;overflow-y:auto}#s-chat .day{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-self:center;margin-bottom:2px;font-size:10px;font-weight:600}#s-chat .row{gap:9px;max-width:100%;animation:.45s cubic-bezier(.2,.7,.2,1) both chat-in;display:flex}#s-chat .row.me{justify-content:flex-end}#s-chat .row .mini-ava{background:radial-gradient(120% 120% at 30% 20%,var(--lav-soft),#efe6fd);border-radius:50%;flex:none;justify-content:center;align-self:flex-end;align-items:center;width:30px;height:30px;margin-bottom:2px;display:flex}#s-chat .row .mini-ava svg{width:20px;height:22px}#s-chat .bubble{border-radius:20px;max-width:76%;padding:12px 15px;font-size:14.5px;line-height:1.5;box-shadow:0 10px 24px -18px #60489680}#s-chat .bubble.demi{background:var(--lav-soft);color:var(--ink);border-bottom-left-radius:7px}#s-chat .bubble.me{background:var(--solid);color:#fff;border-bottom-right-radius:7px;box-shadow:0 12px 26px -16px #7a3fe6b3}#s-chat .bubble b{font-weight:600}#s-chat .tick{color:var(--muted);align-self:flex-end;padding:0 4px 2px;font-size:10.5px}#s-chat .demi-col{flex-direction:column;gap:9px;max-width:82%;display:flex}#s-chat .pcard{background:var(--card);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:11px;display:flex;box-shadow:0 12px 28px -18px #60489666}#s-chat .pcard .thumb{background:linear-gradient(160deg,#f3ecff,#e7dbfb);border-radius:13px;flex:none;justify-content:center;align-items:center;width:60px;height:70px;display:flex;position:relative;overflow:hidden}#s-chat .pcard .thumb .bot{background:linear-gradient(150deg,#fff,#efe7ff);border-radius:8px 8px 6px 6px;width:30px;height:44px;position:absolute;bottom:8px;box-shadow:0 6px 12px -6px #5a32a066,inset 0 1px #fff}#s-chat .pcard .thumb .cap{background:linear-gradient(150deg,var(--lav),var(--plum));border-radius:4px 4px 2px 2px;width:16px;height:11px;position:absolute;bottom:44px}#s-chat .pcard .info{flex:1;min-width:0}#s-chat .pcard .brand{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}#s-chat .pcard .pname{letter-spacing:-.01em;margin-top:2px;font-size:13.5px;font-weight:600;line-height:1.25}#s-chat .pcard .fit{color:var(--good);align-items:center;gap:6px;margin-top:6px;font-size:11.5px;font-weight:600;display:inline-flex}#s-chat .pcard .fit .ring{width:26px;height:26px;position:relative}#s-chat .pcard .fit .ring b{color:var(--good);justify-content:center;align-items:center;font-size:9.5px;font-weight:700;display:flex;position:absolute;inset:0}#s-chat .pcard .see{background:var(--ink);color:var(--bg);font-family:var(--f);cursor:pointer;border:none;border-radius:13px;flex:none;align-self:center;padding:9px 15px;font-size:12.5px;font-weight:600}#s-chat .typing{background:var(--lav-soft);border-radius:20px 20px 20px 7px;gap:4px;width:fit-content;padding:13px 15px;display:flex}#s-chat .typing span{background:var(--lav);opacity:.5;border-radius:50%;width:7px;height:7px;animation:1.3s infinite chat-blink}#s-chat .typing span:nth-child(2){animation-delay:.2s}#s-chat .typing span:nth-child(3){animation-delay:.4s}#s-chat .chips{scrollbar-width:none;gap:9px;padding:10px 16px 12px;display:flex;overflow-x:auto}#s-chat .chips::-webkit-scrollbar{display:none}#s-chat .chip{background:var(--card);border:1px solid var(--line);color:var(--ink);font-family:var(--f);white-space:nowrap;cursor:pointer;border-radius:14px;flex:none;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:500;display:flex;box-shadow:0 6px 16px -14px #60489666}#s-chat .chip svg{width:14px;height:14px;color:var(--lav)}#s-chat .inbar{padding:10px 14px calc(14px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);flex:none;align-items:center;gap:10px;display:flex}#s-chat .field{background:var(--card);border:1px solid var(--line);border-radius:18px;flex:1;align-items:center;gap:9px;padding:12px 15px;display:flex;box-shadow:inset 0 1px 2px #6048960d}#s-chat .field svg{width:18px;height:18px;color:var(--muted);flex:none}#s-chat .field input{font-family:var(--f);color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14.5px}#s-chat .field input::placeholder{color:var(--muted)}#s-chat .send{background:var(--solid);color:#fff;cursor:pointer;border:none;border-radius:16px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 12px 24px -12px #7a3fe6bf}#s-chat .send svg{width:20px;height:20px}@keyframes chat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes chat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes chat-pulse{0%{box-shadow:0 0 #22a96a80}70%{box-shadow:0 0 0 7px #22a96a00}to{box-shadow:0 0 #22a96a00}}@keyframes chat-blink{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){#s-chat *{animation:none!important}}