@media (min-width:768px){.chat-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;width:100%}.instagram-chat-container{max-width:28rem;width:100%;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.1);overflow:hidden}}.instagram-chat-container{position:relative;height:100dvh;height:-webkit-fill-available;background:#fafafa;overflow:hidden}.instagram-chat-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 12px 100px;scroll-behavior:smooth;overscroll-behavior-y:contain}.instagram-chat-input-area{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:12px 16px;z-index:20;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-bubble-sent{background:linear-gradient(135deg,#007aff,#0051d5);color:white;border-radius:18px 18px 4px 18px;margin-left:64px}.message-bubble-received{background:#ffffff;color:#000000;border:1px solid #e5e7eb;border-radius:18px 18px 18px 4px;margin-right:64px}.chat-input-focused{transform:translateY(-4px);box-shadow:0 4px 20px rgba(0,122,255,.15);border-color:#007aff}.keyboard-visible .instagram-chat-container{height:var(--viewport-height,100vh)}.keyboard-visible .instagram-chat-input-area{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chat-input-container{position:relative;z-index:10;transform:translateZ(0);transition:transform .2s ease-out}@media (max-width:768px){.chat-container{width:100vw;height:100dvh;height:-webkit-fill-available;display:flex;flex-direction:column}.chat-container,.messages-container{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:none}.messages-container{flex:1;padding-bottom:16px;will-change:scroll-position}.instagram-mobile-input{background:#ffffff;border:1px solid #e5e7eb;border-radius:24px;padding:10px 16px;font-size:16px;transition:all .2s ease}.instagram-mobile-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.1)}.input-active .chat-input-container{position:sticky;bottom:0;background-color:white;padding-bottom:env(safe-area-inset-bottom,16px)}.keyboard-active .messages-container{height:calc(var(--viewport-height, 100vh) - 120px);padding-bottom:8px}.keyboard-active .chat-input-container{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);padding:12px 16px max(12px,env(safe-area-inset-bottom));z-index:100}.message-bubble{will-change:transform;transform:translateZ(0)}.touch-action-none{touch-action:none}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar img{backface-visibility:hidden}.fade-in{animation:fadeIn .2s ease-out}.slide-up{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.send-button-active{background:linear-gradient(135deg,#007aff,#0051d5);color:white;transform:scale(1);transition:all .2s ease}.send-button-active:hover{transform:scale(1.05)}.send-button-active:active{transform:scale(.95)}}@media (min-width:768px){.instagram-chat-messages{padding:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-input-wrapper:focus-within{box-shadow:0 0 0 3px rgba(0,122,255,.1);border-color:#007aff}@supports (padding:max(0px)){.safe-area-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}}