.instagram-chat-container{background-color:#fff;border:1px solid #dbdbdb33;border-radius:16px;flex-direction:column;width:100%;max-width:100%;height:600px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000001f}@media (prefers-color-scheme:dark){.instagram-chat-container{color:#fafafa;background-color:#000;border:1px solid #26262680;box-shadow:0 8px 30px #0000004d}}.instagram-chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background-color:#fffffff2;border-bottom:1px solid #efefef;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}@media (prefers-color-scheme:dark){.instagram-chat-header{background-color:#000000f2;border-bottom:1px solid #363636}}.profile-info{align-items:center;gap:12px;display:flex}.profile-pic{-o-object-fit:cover;object-fit:cover;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888) border-box;border:2px solid #0000;border-radius:50%;width:44px;height:44px}@media (prefers-color-scheme:dark){.profile-pic{background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888) border-box}}.profile-details{flex-direction:column;display:flex}.profile-name{font-size:16px;font-weight:600}.profile-status-container{align-items:center;gap:4px;display:flex}.profile-active-dot{background-color:#4caf50;border-radius:50%;width:6px;height:6px;display:inline-block}.profile-status{color:#737373;font-size:12px}.chat-actions{gap:16px;display:flex}.action-button{color:#262626;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s}.action-button:hover{background-color:#f5f5f5;transform:scale(1.05)}.action-button.phone,.action-button.video{color:#0095f6}@media (prefers-color-scheme:dark){.action-button{color:#fafafa}.action-button:hover{background-color:#363636}.profile-status{color:#a8a8a8}.action-button.phone,.action-button.video{color:#0095f6}}.instagram-chat-wrapper{scrollbar-width:thin;scrollbar-color:#c7c7c7 transparent;background-color:#fff;background-image:radial-gradient(circle at 10% 20%,#ec489908 0%,#0000 40%),radial-gradient(circle at 90% 60%,#4f46e508 0%,#0000 40%);flex:1;padding:16px;position:relative;overflow-y:hidden}.no-scroll-up{overscroll-behavior-y:contain;scroll-behavior:smooth;overflow-y:hidden}.instagram-chat-wrapper::-webkit-scrollbar{width:6px}.instagram-chat-wrapper::-webkit-scrollbar-thumb{background-color:#c7c7c7;border-radius:3px}.instagram-chat-wrapper::-webkit-scrollbar-track{background-color:#0000}@media (prefers-color-scheme:dark){.instagram-chat-wrapper{background-color:#000;background-image:radial-gradient(circle at 10% 20%,#ec48990d 0%,#0000 40%),radial-gradient(circle at 90% 60%,#4f46e50d 0%,#0000 40%)}.instagram-chat-wrapper::-webkit-scrollbar-thumb{background-color:#737373}}.fade-top,.fade-bottom{pointer-events:none;z-index:10;height:60px;position:absolute;left:0;right:0}.fade-top{background:linear-gradient(#fff 0%,#fff0 100%);top:0}.fade-bottom{background:linear-gradient(#fff0 0%,#fff 100%);bottom:0}@media (prefers-color-scheme:dark){.fade-top{background:linear-gradient(#000 0%,#0000 100%)}.fade-bottom{background:linear-gradient(#0000 0%,#000 100%)}}.messages{flex-direction:column;justify-content:flex-end;gap:8px;height:100%;padding-bottom:12px;display:flex;position:relative}.message-row{align-items:flex-end;margin-bottom:8px;display:flex;position:relative}.message-new .message-bubble{animation:1s forwards highlight}@keyframes highlight{0%{box-shadow:0 0 0 2px #0095f64d}to{box-shadow:0 0 #0095f600}}.message-right{justify-content:flex-end}.message-left{justify-content:flex-start}.profile-image{align-self:flex-end;width:32px;height:32px;margin-right:8px;position:relative}.profile-image img{-o-object-fit:cover;object-fit:cover;border:1px solid #dbdbdb4d;border-radius:50%;width:28px;height:28px}.message-content{flex-direction:column;max-width:70%;display:flex}.message-bubble-wrapper{flex-direction:column;gap:4px;display:flex;position:relative}.message-bubble{word-break:break-word;border-radius:20px;padding:12px 16px;font-size:14px;line-height:1.4;transition:all .2s;position:relative}.message-bubble-left{color:#262626;background-color:#efefef;border-bottom-left-radius:4px}.message-bubble-right{color:#fff;background:linear-gradient(45deg,#833ab4,#fd1d1d,#fcb045);border-bottom-right-radius:4px;box-shadow:0 2px 8px #0000001a}.message-info{align-items:center;gap:4px;margin-top:2px;display:flex}.message-time{color:#8e8e8e;margin-top:2px;font-size:11px}.message-status{color:#8e8e8e;font-size:11px}.message-status-read{color:#0095f6}.message-heart{z-index:5;background-color:#fff;border-radius:50%;padding:2px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 1px 3px #0000001a}@media (prefers-color-scheme:dark){.message-bubble-left{color:#fafafa;background-color:#262626}.message-time,.message-status{color:#a8a8a8}.message-status-read{color:#0095f6}.message-heart{background-color:#000}}.typing-indicator{justify-content:center;align-items:center;min-width:60px;height:auto;min-height:24px;padding:12px 16px;display:flex}.typing-indicator span{background:#8a8a8a;border-radius:50%;width:8px;height:8px;margin:0 2px;animation:1.3s infinite typing-bounce;display:inline-block}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.instagram-chat-input{background-color:#fff;border-top:1px solid #efefef;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.input-actions{gap:12px;padding:0 4px;display:flex}.action-icon-button{color:#262626;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-icon-button:hover{opacity:1}.input-container{background-color:#f5f5f5;border:1px solid #dbdbdb;border-radius:24px;align-items:center;gap:12px;padding:10px 16px;transition:all .2s;display:flex}.input-container:focus-within{border-color:#aaa;box-shadow:0 0 0 1px #0000000d}.emoji-button,.send-button,.like-button{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.emoji-button{color:#262626}.send-button{color:#0095f6}.like-button{color:#262626}.message-input{color:#262626;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:14px}.message-input::placeholder{color:#8e8e8e}.display-note{text-align:center;color:#8e8e8e;background-color:#0000000d;border-radius:4px;margin-top:8px;padding:4px;font-size:12px}@media (prefers-color-scheme:dark){.instagram-chat-input{background-color:#000;border-top:1px solid #262626}.input-container{background-color:#262626;border-color:#363636}.input-container:focus-within{border-color:#565656;box-shadow:0 0 0 1px #ffffff1a}.message-input{color:#fafafa}.message-input::placeholder{color:#a8a8a8}.action-icon-button,.emoji-button,.like-button{color:#fafafa}.send-button{color:#0095f6}.display-note{color:#a8a8a8;background-color:#ffffff0d}}.action-button:active,.action-icon-button:active,.emoji-button:active,.send-button:active,.like-button:active{opacity:.8;transform:scale(.9)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}