.ip-owner-phone .ip-messenger-header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;padding:10px 20px 16px;display:flex}.ip-messenger-avatar{background:var(--primary);width:44px;height:44px;color:var(--primary-foreground);border-radius:50%;flex:none;place-items:center;display:grid}.ip-messenger-avatar svg{width:22px;height:22px}.ip-messenger-name{flex:1;gap:3px;min-width:0;display:grid}.ip-messenger-name strong{font-size:18px}.ip-messenger-name>span{color:var(--muted-foreground);font-size:13px}.ip-owner-phone .ip-motion-toggle{width:44px;height:44px;color:var(--muted-foreground);flex:none}.ip-owner-phone .ip-chat{overscroll-behavior:contain;scrollbar-width:thin;gap:20px;min-height:0;padding:18px 18px 24px;overflow-y:auto}.ip-day-label{color:var(--muted-foreground);align-self:center;font-size:13px}.ip-message-list{flex-direction:column;gap:20px;display:flex}.ip-owner-phone .ip-message{gap:8px;min-width:0;display:grid}.ip-moment-marker{align-items:center;gap:8px;display:flex}.ip-moment-dot{background:var(--primary);border-radius:50%;width:6px;height:6px}.ip-owner-phone .ip-chat-time{font-size:13px;font-weight:600}.ip-owner-phone .ip-bubble{border:1px solid var(--border);background:var(--card);max-width:100%;box-shadow:var(--shadow-soft);border-radius:8px;padding:16px;line-height:1.5;position:relative}.ip-bubble-heading{align-items:flex-start;gap:10px;display:flex}.ip-bubble-heading strong{min-width:0;font-size:16px;line-height:1.5}.ip-message-icon{background:var(--accent);width:32px;height:32px;color:var(--primary);border-radius:8px;flex:none;place-items:center;display:grid}.ip-message-icon svg{width:18px;height:18px}.ip-owner-phone .ip-bubble p{margin-top:12px;font-size:16px;line-height:1.5}.ip-message:nth-child(2) .ip-message-icon{background:color-mix(in oklab, var(--warning) 16%, var(--card));color:var(--foreground)}.ip-message:nth-child(3) .ip-message-icon{background:color-mix(in oklab, var(--success) 14%, var(--card));color:var(--foreground)}.ip-bubble-rule{background:var(--primary);opacity:.18;transform-origin:0;height:2px;margin-top:14px;display:block}.ip-typing{min-height:30px;color:var(--primary);align-items:center;gap:5px;margin-top:auto;display:flex}.ip-typing>svg{width:16px;height:16px;margin-right:6px}.ip-typing>span{background:currentColor;border-radius:50%;width:4px;height:4px}.ip-owner-phone.is-ready .ip-message{animation:.65s ease-out both ip-message-enter}.ip-owner-phone.is-ready .ip-message:nth-child(2){animation-delay:.65s}.ip-owner-phone.is-ready .ip-message:nth-child(3){animation-delay:1.3s}.ip-owner-phone.is-ready .ip-bubble-rule{animation:12s ease-in-out infinite ip-report-highlight}.ip-message:nth-child(2) .ip-bubble-rule{animation-delay:4s}.ip-message:nth-child(3) .ip-bubble-rule{animation-delay:8s}.ip-owner-phone.is-ready .ip-typing>span{animation:1.6s ease-in-out infinite ip-typing-dot}.ip-owner-phone .ip-typing>span:nth-child(3){animation-delay:.2s}.ip-owner-phone .ip-typing>span:nth-child(4){animation-delay:.4s}.ip-owner-phone[data-playing=false] :is(.ip-message,.ip-bubble-rule,.ip-typing>span){animation-play-state:paused}@keyframes ip-message-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ip-report-highlight{0%,33%,to{opacity:.18;transform:scaleX(.22)}8%,24%{opacity:.75;transform:scaleX(1)}}@keyframes ip-typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:.9;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.ip-owner-phone.is-ready :is(.ip-message,.ip-bubble-rule,.ip-typing>span){animation:none}.ip-owner-phone .ip-motion-toggle,.ip-owner-phone .ip-typing{display:none}}@media (width<=768px){.ip-owner-phone .ip-messenger-header{gap:10px;padding-inline:14px}.ip-owner-phone .ip-chat{gap:16px;padding-inline:12px}.ip-owner-phone .ip-bubble{padding:14px 12px}.ip-owner-phone .ip-message-list{gap:16px}.ip-owner-phone .phone-demo{padding-bottom:28px}}
