/* onweb_talk v1.0.0 - launcher (owt- 접두어: onweb_chat과 공존 가능) */
.owt-btn{position:fixed;bottom:24px;z-index:99996;width:58px;height:58px;border:0;cursor:pointer;
  border-radius:19px;background:linear-gradient(135deg,var(--owt-c1,#5B5CE6) 0%,var(--owt-c2,#8A5CF6) 100%);
  box-shadow:0 10px 28px rgba(30,34,90,.35),0 2px 6px rgba(20,24,60,.18);
  display:flex;align-items:center;justify-content:center;
  transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;}
.owt-btn.owt-right{right:22px}
.owt-btn.owt-left{left:22px}
.owt-btn:hover{transform:translateY(-3px) scale(1.04)}
.owt-btn:active{transform:scale(.94)}
.owt-btn svg{width:27px;height:27px;fill:#fff;transition:transform .25s,opacity .18s;position:absolute}
.owt-btn .owt-ic-close{opacity:0;transform:rotate(-90deg) scale(.5)}
.owt-btn.owt-open .owt-ic-chat{opacity:0;transform:rotate(90deg) scale(.5)}
.owt-btn.owt-open .owt-ic-close{opacity:1;transform:rotate(0) scale(1)}
.owt-badge{position:absolute;top:-5px;right:-5px;min-width:21px;height:21px;padding:0 6px;
  border-radius:11px;background:#FF4D5E;color:#fff;font:700 11px/21px -apple-system,'Pretendard',sans-serif;
  text-align:center;box-shadow:0 2px 8px rgba(255,77,94,.5);border:2px solid #fff;display:none}
.owt-badge.owt-show{display:block;animation:owtPop .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes owtPop{from{transform:scale(.4)}to{transform:scale(1)}}

/* 티저 말풍선 */
.owt-teaser{position:fixed;bottom:36px;z-index:99995;background:#fff;color:#1B2138;
  font:600 13px/1.4 -apple-system,'Pretendard','Malgun Gothic',sans-serif;
  padding:11px 16px;border-radius:16px;box-shadow:0 10px 30px rgba(18,22,60,.2);
  max-width:220px;cursor:pointer;opacity:0;transform:translateY(6px);
  transition:opacity .3s,transform .3s;pointer-events:none}
.owt-teaser.owt-show{opacity:1;transform:translateY(0);pointer-events:auto}
.owt-teaser.owt-right{right:92px}
.owt-teaser.owt-left{left:92px}
.owt-teaser:after{content:'';position:absolute;bottom:14px;width:0;height:0;border:7px solid transparent}
.owt-teaser.owt-right:after{right:-13px;border-left-color:#fff}
.owt-teaser.owt-left:after{left:-13px;border-right-color:#fff}
.owt-teaser .owt-x{margin-left:8px;color:#AAB0C6;font-weight:700}

.owt-panel{position:fixed;bottom:96px;z-index:99997;width:378px;height:min(636px,calc(100vh - 130px));
  border-radius:24px;overflow:hidden;background:#fff;
  box-shadow:0 24px 64px rgba(18,22,60,.28),0 4px 14px rgba(18,22,60,.12);
  opacity:0;visibility:hidden;transform:translateY(16px) scale(.96);
  transition:opacity .24s,transform .24s cubic-bezier(.22,1,.36,1),visibility .24s;}
.owt-panel.owt-right{right:22px;transform-origin:100% 100%}
.owt-panel.owt-left{left:22px;transform-origin:0 100%}
.owt-panel.owt-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.owt-panel iframe{width:100%;height:100%;border:0;display:block;background:#F6F7FB}

@media (max-width:640px){
  .owt-panel{inset:0;width:100%;height:100%;border-radius:0;bottom:0}
  .owt-panel.owt-open ~ .owt-btn{display:none}
  .owt-panel.owt-open ~ .owt-teaser{display:none}
}
@media (prefers-reduced-motion:reduce){
  .owt-btn,.owt-panel,.owt-btn svg,.owt-teaser{transition:none}
  .owt-badge.owt-show{animation:none}
}