/* ПЯТЁРКА chat — bubble + overlay-диалог, светлая тема. */
#s5k-bubble{position:fixed;right:20px;bottom:20px;z-index:90;width:60px;height:60px;border-radius:50%;
  background:var(--primary);color:#fff;font-size:26px;border:none;cursor:pointer;font-family:inherit;
  box-shadow:0 10px 30px rgba(36,87,255,.4);transition:transform .16s;display:flex;align-items:center;justify-content:center}
#s5k-bubble:hover{transform:scale(1.06)}
#s5k-bubble .ping{position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:50%;background:var(--lime);border:2px solid #fff}
#s5k-overlay{position:fixed;inset:0;z-index:95;display:none;background:rgba(23,26,32,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#s5k-overlay.open{display:block}
.s5k-frame, #s5k-frame{position:fixed;right:20px;bottom:92px;z-index:100;width:min(400px,calc(100vw - 24px));height:min(600px,calc(100dvh - 120px));
  background:#fff;border:1px solid var(--line-strong);border-radius:20px;display:none;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(23,26,32,.28)}
.s5k-frame.open, #s5k-frame.open{display:flex}
#s5k-head,.s5k-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;background:var(--card2)}
#s5k-head .ava,.s5k-head .ava{width:42px;height:42px;border-radius:12px;background:var(--lime);color:var(--on-lime);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
#s5k-head b,.s5k-head b{font-size:15.5px;display:block;color:var(--txt)}
#s5k-head small,.s5k-head small{color:var(--dim);font-size:12px;display:block}
#s5k-close{margin-left:auto;background:none;border:1px solid var(--line-strong);color:var(--txt);border-radius:10px;width:40px;height:40px;font-size:22px;cursor:pointer;line-height:1}
#s5k-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.s5k-m{display:flex;gap:8px;max-width:88%}
.s5k-m.bot{align-self:flex-start}.s5k-m.user{align-self:flex-end;flex-direction:row-reverse}
.s5k-m .b{padding:11px 15px;border-radius:14px;font-size:14.5px;line-height:1.5;word-break:break-word}
.s5k-m.bot .b{background:var(--bg2);border:1px solid var(--line);color:var(--txt)}
.s5k-m.user .b{background:var(--primary);color:#fff;font-weight:500}
.s5k-qr{display:flex;flex-wrap:wrap;gap:8px;padding:2px 14px 10px}
.s5k-qr button{background:#fff;border:1px solid var(--line-strong);color:var(--primary);border-radius:99px;padding:10px 16px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;min-height:40px}
.s5k-qr button:hover{border-color:var(--primary);background:rgba(36,87,255,.05)}
#s5k-input{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line);background:#fff}
#s5k-input input{flex:1;padding:13px 16px;border-radius:22px;border:1px solid var(--line-strong);background:var(--card2);color:var(--txt);font-size:15px;font-family:inherit;min-height:44px}
#s5k-input input:focus{outline:none;border-color:var(--primary)}
#s5k-send{width:46px;height:46px;border-radius:50%;background:var(--primary);border:none;font-size:18px;cursor:pointer;flex-shrink:0;color:#fff}
.s5k-typing{display:flex;gap:5px;align-items:center}.s5k-typing span{width:7px;height:7px;border-radius:50%;background:var(--dim);animation:s5kb 1.2s infinite}
.s5k-typing span:nth-child(2){animation-delay:.15em}.s5k-typing span:nth-child(3){animation-delay:.3em}
@keyframes s5kb{0%,60%,100%{transform:none}30%{transform:translateY(-6px)}}
@media(max-width:640px){#s5k-frame{right:12px;left:12px;width:auto;bottom:calc(150px + env(safe-area-inset-bottom))}#s5k-bubble{right:14px;bottom:calc(78px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#s5k-bubble:hover{transform:none}}