:root{--koi-dark: #1c181a;--koi-rose: #ec95b8;--koi-rose-hover: #f0aac8;--koi-rose-light: rgba(236, 149, 184, .12);--koi-rose-border: rgba(236, 149, 184, .3);--koi-white: #ffffff;--koi-text-muted: rgba(255, 255, 255, .55);--koi-bubble-bg: rgba(255, 255, 255, .07);--koi-bubble-user: rgba(236, 149, 184, .18);--koi-radius: 16px;--koi-radius-sm: 10px;--koi-shadow: 0 24px 60px rgba(0, 0, 0, .35);--koi-font-body: "Arimo", "Arial", sans-serif;--koi-font-head: "Prompt", "Arial Black", sans-serif;--koi-transition: .25s cubic-bezier(.22, 1, .36, 1)}#shatokb-koi-wrapper{font-family:var(--koi-font-body);font-size:16px;box-sizing:border-box;margin-top:40px;opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s var(--koi-transition)}#shatokb-koi-wrapper.koi--visible{opacity:1;transform:translateY(0)}#shatokb-koi-wrapper *{box-sizing:border-box}.koi-panel{background:var(--koi-dark);border-radius:var(--koi-radius);overflow:hidden;box-shadow:var(--koi-shadow);position:relative}.koi-panel:before{content:"";position:absolute;top:-80px;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(236,149,184,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.koi-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:1}.koi-header__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ec95b8,#d4688a);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 0 0 3px #ec95b840}.koi-header__info{flex:1;min-width:0}.koi-header__name{font-family:var(--koi-font-head);font-size:15px;font-weight:700;color:var(--koi-white);letter-spacing:.02em;display:flex;align-items:center;gap:8px}.koi-header__status{display:inline-flex;align-items:center;gap:5px;font-family:var(--koi-font-body);font-size:11px;color:var(--koi-text-muted);font-weight:400;letter-spacing:0}.koi-status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade8099;animation:koiPulse 2s infinite}@keyframes koiPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.koi-header__badge{background:var(--koi-rose-light);border:1px solid var(--koi-rose-border);color:var(--koi-rose);font-size:10px;font-weight:700;padding:3px 10px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.koi-messages{padding:24px;display:flex;flex-direction:column;gap:16px;min-height:220px;max-height:420px;overflow-y:auto;position:relative;z-index:1;scroll-behavior:smooth}.koi-messages::-webkit-scrollbar{width:4px}.koi-messages::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}.koi-messages::-webkit-scrollbar-thumb{background:#ec95b859;border-radius:4px}.koi-msg{display:flex;gap:10px;align-items:flex-end;animation:koiMsgIn .35s var(--koi-transition)}@keyframes koiMsgIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.koi-msg--koi{flex-direction:row}.koi-msg--user{flex-direction:row-reverse}.koi-msg__avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#ec95b8,#d4688a);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-bottom:2px}.koi-msg--user .koi-msg__avatar{background:#ffffff1f;font-size:13px}.koi-msg__bubble{max-width:78%;padding:12px 16px;border-radius:4px 14px 14px;background:var(--koi-bubble-bg);border:1px solid rgba(255,255,255,.08);position:relative}.koi-msg--user .koi-msg__bubble{background:var(--koi-bubble-user);border-color:var(--koi-rose-border);border-radius:14px 4px 14px 14px}.koi-msg__bubble p{font-family:var(--koi-font-body);font-size:14px;color:#ffffffe0;line-height:1.65;margin:0;white-space:pre-wrap}.koi-msg--user .koi-msg__bubble p{color:#ffffffeb}.koi-msg__time{font-size:10px;color:#ffffff40;margin-top:5px;display:block;text-align:right}.koi-msg__name{font-size:10px;font-weight:700;color:var(--koi-rose);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;padding-left:40px}.koi-typing{display:flex;gap:10px;align-items:flex-end;animation:koiMsgIn .3s ease}.koi-typing__bubble{background:var(--koi-bubble-bg);border:1px solid rgba(255,255,255,.08);border-radius:4px 14px 14px;padding:14px 18px;display:flex;gap:5px;align-items:center}.koi-typing__dot{width:7px;height:7px;border-radius:50%;background:var(--koi-rose);opacity:.6;animation:koiDot 1.2s infinite}.koi-typing__dot:nth-child(2){animation-delay:.2s}.koi-typing__dot:nth-child(3){animation-delay:.4s}@keyframes koiDot{0%,80%,to{transform:scale(.75);opacity:.4}40%{transform:scale(1.1);opacity:1}}.koi-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 16px;position:relative;z-index:1;animation:koiMsgIn .4s ease}.koi-chip{background:var(--koi-rose-light);border:1px solid var(--koi-rose-border);color:var(--koi-rose);font-family:var(--koi-font-body);font-size:12px;font-weight:600;padding:7px 14px;border-radius:50px;cursor:pointer;transition:all .18s ease;white-space:nowrap}.koi-chip:hover{background:#ec95b838;border-color:var(--koi-rose);color:var(--koi-rose-hover);transform:translateY(-1px)}.koi-chip:active{transform:translateY(0)}.koi-input-area{padding:16px 20px 20px;border-top:1px solid rgba(255,255,255,.07);display:flex;gap:10px;align-items:flex-end;position:relative;z-index:1}.koi-input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 16px;font-family:var(--koi-font-body);font-size:14px;color:var(--koi-white);outline:none;resize:none;min-height:44px;max-height:120px;line-height:1.5;transition:border-color .18s;overflow-y:auto}.koi-input::placeholder{color:#ffffff47}.koi-input:focus{border-color:var(--koi-rose-border);background:#ffffff17}.koi-input::-webkit-scrollbar{width:3px}.koi-input::-webkit-scrollbar-thumb{background:#ec95b84d;border-radius:3px}.koi-send-btn{width:44px;height:44px;background:var(--koi-rose);border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s,transform .12s;font-size:18px}.koi-send-btn:hover{background:var(--koi-rose-hover);transform:scale(1.05)}.koi-send-btn:active{transform:scale(.97)}.koi-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.koi-footer{padding:10px 24px 16px;text-align:center;position:relative;z-index:1}.koi-footer p{font-size:11px;color:#ffffff38;line-height:1.4}.koi-footer a{color:#ec95b880;text-decoration:none}.koi-footer a:hover{color:var(--koi-rose)}.koi-msg--welcome .koi-msg__bubble{background:linear-gradient(135deg,#ec95b81f,#ffffff0d);border-color:#ec95b840}.koi-cursor{display:inline-block;width:2px;height:14px;background:var(--koi-rose);margin-left:2px;vertical-align:middle;animation:koiBlink .8s infinite}@keyframes koiBlink{0%,to{opacity:1}50%{opacity:0}}.koi-divider{display:flex;align-items:center;gap:10px;padding:4px 0}.koi-divider span{font-size:10px;color:#fff3;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.koi-divider:before,.koi-divider:after{content:"";flex:1;height:1px;background:#ffffff12}.koi-product-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:flex;gap:12px;align-items:center;margin-top:8px;transition:border-color .18s;text-decoration:none}.koi-product-card:hover{border-color:var(--koi-rose-border)}.koi-product-card__img{width:52px;height:52px;border-radius:8px;background:#ffffff14;object-fit:contain;flex-shrink:0}.koi-product-card__info{flex:1;min-width:0}.koi-product-card__name{font-size:13px;font-weight:700;color:var(--koi-white);line-height:1.3;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.koi-product-card__price{font-size:13px;font-weight:700;color:var(--koi-rose)}.koi-product-card__step{font-size:10px;color:var(--koi-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.koi-ask-btn{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:6px 13px;background:transparent;border:1px solid rgba(236,149,184,.4);border-radius:50px;color:#ec95b8;font-family:Arimo,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .18s,border-color .18s,transform .12s;white-space:nowrap;text-decoration:none;user-select:none;-webkit-user-select:none}.koi-ask-btn:hover{background:#ec95b81f;border-color:#ec95b8;transform:translateY(-1px)}.koi-ask-btn:active{transform:translateY(0)}.koi-ask-btn__icon{width:15px;height:15px;border-radius:50%;background:#ec95b833;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-style:normal;font-weight:900;flex-shrink:0;line-height:1}.koi-ask-btn[disabled],.koi-ask-btn.koi-ask-btn--loading{opacity:.45;cursor:not-allowed;transform:none;pointer-events:none}@media(max-width:640px){.koi-messages{max-height:320px;padding:16px}.koi-msg__bubble{max-width:88%}.koi-header{padding:16px 18px}.koi-input-area{padding:12px 16px 16px}.koi-chips{padding:0 16px 12px}.koi-chip{font-size:11px;padding:6px 12px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/shatokb-koi-chat.css.map */