@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-main: #f0f3f7;--text-main: #1e1f22;--text-muted: #6f767d;--glass-bg: rgba(255, 255, 255, .4);--glass-bg-hover: rgba(255, 255, 255, .65);--glass-border: 1px solid rgba(255, 255, 255, .6);--glass-shadow: 0 12px 40px -8px rgba(0, 0, 0, .06);--blur-amount: 20px;--liquid-sent: rgba(25, 25, 30, .75);--liquid-received: rgba(255, 255, 255, .65);--radius-lg: 28px;--radius-bubble: 22px;--transition-smooth: all .25s cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;overflow:hidden!important;overscroll-behavior:none!important}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg-main);background-image:radial-gradient(circle at 30% 20%,#fff,#e9eef3);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#0000000f}.sent ::selection{background:#ffffff4d}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border-bottom:var(--glass-border);box-shadow:var(--glass-shadow)}#sidebar,#composerShell,.emoji-picker,.reaction-menu,.reply-preview,.reply-bar{background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:var(--glass-border);box-shadow:var(--glass-shadow)}#chatArea{transition:background .4s cubic-bezier(.2,0,0,1);display:flex!important;flex-direction:column!important;height:100%!important;flex-grow:1!important;min-height:0!important;background-repeat:no-repeat!important;background-attachment:scroll!important;position:relative;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}#chatArea.wallpaper-default{background:var(--bg-main);background-image:radial-gradient(circle at 30% 20%,#fff,#e9eef3)}#chatArea.wallpaper-1{background:radial-gradient(circle at 0% 0%,#ff9a9e 0%,transparent 50%),radial-gradient(circle at 100% 0%,#fecfef 0%,transparent 50%),radial-gradient(circle at 50% 100%,#a1c4fd,#c2e9fb)!important}#chatArea.wallpaper-2{background-color:#0f172a!important;background-image:radial-gradient(#334155 1px,transparent 1px)!important;background-size:20px 20px!important}#chatArea.wallpaper-3{background:linear-gradient(45deg,#ff9a9e,#fecfef 20%,#a1c4fd,#c2e9fb)!important}#chatArea.wallpaper-4{background:linear-gradient(135deg,#050508,#111827,#1e1b4b)!important;box-shadow:inset 0 0 100px #6366f126!important}#chatArea.wallpaper-5{background:linear-gradient(160deg,#e0e7ff,#e8edf2 40%,#f1f5f9)!important}#chatArea.wallpaper-6{background:linear-gradient(135deg,#1e293b,#0f172a)!important}#chatArea.wallpaper-7{background:radial-gradient(circle at 80% 20%,#ffedd5,#fef3c7 40%,#f5f5f4)!important}#chatArea.wallpaper-8{background:linear-gradient(125deg,#a18cd1,#fbc2eb 40%,#e6dee9,#93c5fd)!important}#chatArea.wallpaper-9{background-color:#f8fafc!important;background-image:radial-gradient(#cbd5e1 1.5px,transparent 1.5px)!important;background-size:24px 24px!important}#chatArea:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff0a;pointer-events:none;z-index:0;transform:translateZ(0)}#chatArea>*{position:relative;z-index:1}#chatApp{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;overflow:hidden!important}#inputArea{position:relative}#sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;max-height:100vh!important;margin-top:0!important;z-index:8500!important;overflow-y:auto!important;overflow-x:visible!important;transition:transform .25s cubic-bezier(.2,.8,.2,1)!important;will-change:transform;background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border-right:var(--glass-border);box-shadow:0 0 0 transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translate(-100%) translateZ(0)}#sidebar.open{transform:translate(0) translateZ(0)!important;box-shadow:24px 0 60px #0000002e!important}@media (min-width: 769px){#sidebar{transform:translate(0) translateZ(0)!important;position:relative!important;height:100%!important;max-height:100%!important;box-shadow:none!important}}#chatHeader{position:sticky!important;top:0!important;z-index:7500!important;background:#ffffffe0!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;padding:12px 16px!important;min-height:64px!important;display:flex!important;align-items:center!important;border-bottom:none!important;box-shadow:0 1px #0000000f,0 4px 20px #00000005!important;transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}#chatHeader:has(#menuNavigationBox:not(.hidden)){z-index:9500!important}#menuNavigationBox{z-index:999999!important;transform:translateZ(9999px)!important;background:#fffffff7!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;border:1px solid rgba(255,255,255,1)!important;box-shadow:0 20px 48px -8px #0000004d!important;transform-origin:top right;border-radius:24px;overflow:hidden}#menuNavigationBox>div{color:#111827!important;font-weight:700!important;font-size:11.5px!important;transition:background-color .2s ease,padding-left .2s ease!important;padding:12px 16px}#menuNavigationBox>div:hover{background-color:#0000000f!important;padding-left:24px!important}.inbox-item{transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;cursor:pointer;border-radius:18px;margin:4px 8px;padding:12px 14px;border:1px solid transparent;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.inbox-item:hover{background:var(--glass-bg-hover);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:var(--glass-border);transform:translate(4px);box-shadow:0 4px 15px #00000005!important}.inbox-item.active{background:#ffffffb3;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));box-shadow:0 6px 14px #0000000a;border:var(--glass-border)}.inbox-item:active{transform:scale(.97) translate(2px)}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-mini{width:30px;height:30px;border-radius:50%;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 10px #0000000a;display:flex;align-items:center;justify-content:center;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important}.avatar-mini span{font-size:11px;font-weight:600;color:var(--text-muted)}.notification-badge,.inbox-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid white;line-height:1}#messageBox{display:flex!important;flex-direction:column!important;gap:2px!important;width:100%!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important;will-change:scroll-position}.message-wrap{width:100%!important;display:flex!important;padding:1.5px 0!important;background:transparent!important}.message-wrap.sent .bubble{background:linear-gradient(135deg,#18191ce0,#282a2ff2)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px 18px 4px!important}.message-wrap.received .bubble{background:#ffffff94!important;color:var(--text-main, #111)!important;border:1px solid rgba(255,255,255,.6)!important;border-radius:18px 18px 18px 4px!important}.message-wrap.cluster-next{margin-top:1px!important}.message-wrap.sent.cluster-next .bubble{border-radius:18px 8px 8px 18px!important;border-right:1px solid rgba(255,255,255,.08)!important}.message-wrap.received.cluster-next .bubble{border-radius:8px 18px 18px 8px!important;border-left:1px solid rgba(255,255,255,.45)!important}.message-wrap:hover .bubble{transform:translateY(-.5px);box-shadow:0 6px 20px #0000000f!important}.msg-row{display:flex!important;gap:8px;align-items:flex-end;background:transparent!important}.bubble{padding:8px 14px!important;transition:var(--transition-smooth)}.message-actions{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;opacity:0;transition:var(--transition-smooth, all .22s cubic-bezier(.2, 0, 0, 1))!important;z-index:30!important}.message-wrap:hover .message-actions{opacity:1!important}.message-wrap.sent .message-actions{right:100%!important;left:auto!important;margin-right:8px!important;margin-left:0!important}.message-wrap.received .message-actions{left:100%!important;right:auto!important;margin-left:8px!important;margin-right:0!important}.action-pill{width:34px;height:34px;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #0000000a;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important}.action-pill:hover{background:#ffffffe6;transform:scale(1.12);color:var(--text-main);box-shadow:0 8px 20px #00000014}.action-pill:active{transform:scale(.92)!important}.reaction-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.reaction-chip{min-width:28px;height:28px;padding:0 10px;border-radius:40px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);font-size:13px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000005;transition:var(--transition-smooth);cursor:pointer}.reaction-chip:hover{transform:scale(1.06);background:#ffffffd9}#inputArea{padding:8px 14px 12px!important;background:transparent!important}#composerShell{border-radius:9999px!important;padding:3px 3px 3px 18px!important;background:#ffffff73!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 8px 24px -4px #0000000a!important;display:flex!important;align-items:center!important}#msgInput{padding-top:6px!important;padding-bottom:6px!important;background:transparent!important;border:none!important;outline:none!important;flex:1}.send-btn{width:56px!important;height:34px!important;border-radius:17px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;background:linear-gradient(135deg,#18191ceb,#2d2f34fa)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:0 4px 12px #0000001f,inset 0 1px .5px #ffffff40!important;cursor:pointer!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.send-btn:hover{transform:translateY(-.5px) scale(1.03)!important;background:linear-gradient(135deg,#282a2ff2,#18191ceb)!important;box-shadow:0 6px 16px #0000002e!important}.send-btn:active{transform:scale(.95)!important;box-shadow:0 2px 6px #0000001a!important}.send-btn i{font-size:11px!important;letter-spacing:0!important;transform:translateY(-.5px)!important;transition:transform .2s ease!important}.send-btn:hover i{transform:translateY(-2px)!important}#searchUser{border-radius:24px;padding:12px 16px 12px 44px;font-size:14px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--glass-border);outline:none;width:100%;transition:all .4s cubic-bezier(.2,0,0,1)!important;color:var(--text-main)}#searchUser:focus{padding-left:44px!important;background:#ffffffbf!important;box-shadow:var(--glass-shadow),0 0 0 4px #ffffff80!important;transform:translateY(-1px)}#searchUser::placeholder{color:var(--text-muted)}.emoji-picker{position:absolute;bottom:90px;left:16px;width:min(320px,90vw);height:min(380px,60vh);border-radius:28px;display:flex;flex-direction:column;z-index:50;overflow:hidden}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:12px;overflow-y:auto}.emoji-item{font-size:22px;cursor:pointer;transition:var(--transition-smooth);border-radius:16px;padding:8px 4px;display:flex;align-items:center;justify-content:center;background:transparent}.emoji-item:hover{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:scale(1.12)}.reaction-menu{position:absolute;bottom:60px;right:0;border-radius:30px;padding:10px;display:flex;gap:8px;z-index:20;flex-wrap:wrap;max-width:240px}.reaction-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:var(--transition-smooth);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border)}.reaction-btn:hover{background:#ffffffe6;transform:scale(1.15)}.modal-bg{background:#0f12184d!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500!important;display:flex;align-items:center;justify-content:center}#profileModal>div{background:#ffffffe0!important;backdrop-filter:blur(30px) saturate(150%)!important;-webkit-backdrop-filter:blur(30px) saturate(150%)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 30px 80px -15px #00000029!important;border-radius:32px!important;max-height:80vh!important;width:min(380px,92vw)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;will-change:transform;transform:translateZ(0)}.modal-scroll-area{overflow-y:auto!important;padding:0 24px 24px!important;will-change:scroll-position;transform:translateZ(0);contain:layout style paint;-webkit-overflow-scrolling:touch!important}.modal-scroll-area::-webkit-scrollbar{width:10px!important}.modal-scroll-area::-webkit-scrollbar-track{background:transparent!important;border-right:5px solid transparent!important;margin-top:12px!important;margin-bottom:24px!important}.modal-scroll-area::-webkit-scrollbar-thumb{background-color:#00000029!important;border-radius:10px!important;border-right:5px solid transparent!important;background-clip:padding-box!important}.modal-scroll-area::-webkit-scrollbar-thumb:hover{background-color:#0000004d!important}#profileModal input{background:#00000008!important;border:1px solid rgba(0,0,0,.06)!important;color:#1e1f22!important;border-radius:14px!important;padding:12px!important;font-weight:600!important;transition:all .2s ease}#profileModal input:focus{background:#fff!important;border-color:#000!important;box-shadow:0 0 0 4px #0000000a!important}.modal-close-btn{transition:all .22s cubic-bezier(.2,0,0,1)!important}.modal-close-btn:hover{transform:rotate(90deg) scale(1.08)}#avatarPreviewModal.hidden{display:none}#avatarPreviewModal:not(.hidden){display:flex}#profileModal .modal-content{border-radius:36px;padding:36px;box-shadow:0 30px 80px #0000001a;max-width:420px;width:90%}#modalAvatar{border-radius:50%;border:4px solid rgba(255,255,255,.9);box-shadow:0 12px 30px #0000000f}.reply-preview,.reply-bar{display:flex;align-items:center;gap:14px;padding:12px 20px;margin:0 auto 12px;width:100%;max-width:680px;border-radius:24px;color:var(--text-main)}.reply-preview{max-height:52px;overflow:hidden;flex-shrink:0}#replyPreviewText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.reply-bar{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.edit-focus{min-height:56px;padding-top:16px!important;padding-bottom:16px!important}.wallpaper-option{display:block!important;width:100%!important;aspect-ratio:1 / 1!important;border-radius:12px;cursor:pointer;border:2px solid transparent;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;position:relative;overflow:hidden}.wallpaper-option:hover{transform:scale(1.05);border-color:#0003}.wallpaper-option.active{border-color:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.wallpaper-option:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:24px;height:24px;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:transform .2s ease;pointer-events:none}.wallpaper-option.active:after{transform:translate(-50%,-50%) scale(1)}.wallpaper-option:active{transform:scale(.92)!important}.wp-1{background:radial-gradient(circle at 0% 0%,#ff9a9e 0%,transparent 50%),radial-gradient(circle at 100% 0%,#fecfef 0%,transparent 50%),radial-gradient(circle at 50% 100%,#a1c4fd,#c2e9fb)!important}.wp-2{background-color:#0f172a!important;background-image:radial-gradient(#334155 1px,transparent 1px)!important;background-size:20px 20px!important}.wp-3{background:linear-gradient(45deg,#ff9a9e,#fecfef 20%,#a1c4fd,#c2e9fb)!important}.wp-4{background:linear-gradient(135deg,#050508,#111827,#1e1b4b)!important;box-shadow:inset 0 0 100px #6366f126!important}.wp-5{background:linear-gradient(160deg,#e0e7ff,#e8edf2 40%,#f1f5f9)!important}.wp-6{background:linear-gradient(135deg,#1e293b,#0f172a)!important}.wp-7{background:radial-gradient(circle at 80% 20%,#ffedd5,#fef3c7 40%,#f5f5f4)!important}.wp-8{background:linear-gradient(125deg,#a18cd1,#fbc2eb 40%,#e6dee9,#93c5fd)!important}.wp-9{background-color:#f8fafc!important;background-image:radial-gradient(#cbd5e1 1.5px,transparent 1.5px)!important;background-size:24px 24px!important}.wp-default{background:var(--bg-main);background-image:radial-gradient(circle at 30% 20%,#fff,#e9eef3)}button,.inbox-item,.send-btn,.action-pill,.avatar-mini,.wallpaper-option{transition:all .4s cubic-bezier(.34,1.56,.64,1)!important}@keyframes instaAppReveal{0%{opacity:0;transform:scale(.96);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.insta-app-open{animation:instaAppReveal .65s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes chatWipeReveal{0%{opacity:0;transform:scale(.99) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-wipe-active{animation:chatWipeReveal .45s cubic-bezier(.34,1.56,.64,1) forwards!important}@keyframes slideUpElastic{0%{opacity:0;transform:translateY(18px) scale(.93)}70%{transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-enter{animation:slideUpElastic .45s cubic-bezier(.34,1.56,.64,1) forwards!important}@keyframes modalPopIn{0%{opacity:0;transform:scale(.9) translateY(15px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.emoji-picker:not(.hidden),#profileModal:not(.hidden)>div,#messageActionSheet:not(.hidden)>div{animation:modalPopIn .4s cubic-bezier(.34,1.56,.64,1) forwards!important}.typing-indicator-container{display:inline-flex;align-items:center;gap:3px;margin-left:4px}.typing-dot{width:4px;height:4px;background-color:var(--text-muted, #6f767d)!important;border-radius:50%;display:inline-block;animation:waveDot 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes waveDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2) translateY(-2px);opacity:1}}@keyframes ambientPulse{0%,to{opacity:.25;transform:scale(.99)}50%{opacity:.65;transform:scale(1)}}#inboxSkeleton,#messageSkeleton{animation:ambientPulse 2s ease-in-out infinite!important}.bg-green-500.animate-pulse{animation:breathingGreenPulse 2.2s infinite ease-in-out!important}@keyframes breathingGreenPulse{0%,to{transform:scale(1);box-shadow:0 4px 14px #22c55e33;opacity:.95}50%{transform:scale(1.04);box-shadow:0 0 16px 6px #22c55e73;opacity:1}}.bg-blue-500.animate-pulse{animation:breathingBluePulse 2s infinite ease-in-out!important}@keyframes breathingBluePulse{0%,to{transform:scale(1);box-shadow:0 0 #3b82f6b3}50%{transform:scale(1.18);box-shadow:0 0 14px 5px #3b82f673}}.animate-pop{animation:pop .3s cubic-bezier(.2,.9,.3,1.1) forwards}@keyframes pop{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-slide-up{animation:slideUpToast .3s cubic-bezier(.2,0,0,1) forwards}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}#messageBox,#inboxList{will-change:scroll-position;contain:layout style paint}.bubble,.inbox-item,.action-pill{will-change:transform;transform:translateZ(0)}#emojiSearch{font-size:13px}#emojiSearch::placeholder{color:var(--text-muted);opacity:.7}.emoji-empty{grid-column:1 / -1;text-align:center;padding:20px;color:var(--text-muted);font-size:12px}#messageBox,#inboxList,#msgInput,.emoji-grid,.modal-scroll-area{scrollbar-width:thin!important;scrollbar-color:rgba(0,0,0,.18) transparent!important}#messageBox::-webkit-scrollbar,#inboxList::-webkit-scrollbar,#msgInput::-webkit-scrollbar,.emoji-grid::-webkit-scrollbar,.modal-scroll-area::-webkit-scrollbar{width:8px!important;height:8px!important}#messageBox::-webkit-scrollbar-track,#inboxList::-webkit-scrollbar-track,#msgInput::-webkit-scrollbar-track,.emoji-grid::-webkit-scrollbar-track,.modal-scroll-area::-webkit-scrollbar-track{background:transparent!important;border-left:3px solid transparent!important;margin-top:8px!important;margin-bottom:8px!important}#messageBox::-webkit-scrollbar-thumb,#inboxList::-webkit-scrollbar-thumb,#msgInput::-webkit-scrollbar-thumb,.emoji-grid::-webkit-scrollbar-thumb,.modal-scroll-area::-webkit-scrollbar-thumb{background-color:#00000026!important;border-radius:10px!important;background-clip:padding-box!important;border-left:3px solid transparent!important;transition:var(--transition-smooth)!important}#messageBox::-webkit-scrollbar-thumb:hover,#inboxList::-webkit-scrollbar-thumb:hover,#msgInput::-webkit-scrollbar-thumb:hover,.emoji-grid::-webkit-scrollbar-thumb:hover,.modal-scroll-area::-webkit-scrollbar-thumb:hover{background-color:#00000052!important}#chatsContainer{width:100%;display:flex;flex-direction:column}#actualMessages{display:flex!important;flex-direction:column!important;gap:4px!important;width:100%!important;margin-top:auto!important}#inboxList{overflow-y:auto!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important}#globalTimerSelect{cursor:pointer;transition:var(--transition-smooth)}#globalTimerSelect:hover{background:#fffc!important;border-color:#0003!important}#globalTimerSelect option{background:#fff!important;color:#1e1f22!important;font-weight:600}#disappearingLiveIndicator:not(.hidden){display:flex!important;animation:modalPopIn .4s cubic-bezier(.34,1.56,.64,1) forwards!important}#globalTimerSelect{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#ffffff73!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 10px 30px -10px #0000000d,inset 0 1px #fffc!important;color:#1e1f22!important;border-radius:18px!important;padding:14px 22px!important;font-weight:700!important;letter-spacing:-.01em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236f767d'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 18px center!important;background-size:14px!important;transition:all .3s cubic-bezier(.2,0,0,1)!important}#globalTimerSelect:hover{background:#ffffffa6!important;box-shadow:0 12px 35px -8px #00000014!important;transform:translateY(-1px)}#globalTimerSelect:focus{background:#fff!important;border-color:#000!important;box-shadow:0 0 0 4px #0000000d!important}#profileModal input{background:#ffffff73!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,.6)!important;color:#1e1f22!important;border-radius:18px!important;padding:14px 18px!important;font-weight:600!important;box-shadow:inset 0 2px 4px #00000003!important;transition:all .3s cubic-bezier(.2,0,0,1)!important}#profileModal input:focus{background:#ffffffe6!important;border-color:#000c!important;box-shadow:0 10px 25px -10px #00000014!important;transform:translateY(-1px)}#profileModal>div{background:#ffffffbf!important;backdrop-filter:blur(40px) saturate(160%)!important;-webkit-backdrop-filter:blur(40px) saturate(160%)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 40px 100px -20px #00000026!important}.online-glass-pill{bottom:-5px!important;right:-14px!important;left:auto!important;top:auto!important;padding:1.5px 4.5px!important;font-size:7px!important;line-height:1!important;letter-spacing:.03em!important;white-space:nowrap!important;background:linear-gradient(135deg,#22c55e9e,#107c41c7)!important;backdrop-filter:blur(14px) saturate(170%)!important;-webkit-backdrop-filter:blur(14px) saturate(170%)!important;border:1px solid rgba(255,255,255,.55)!important;color:#fff!important;font-weight:900!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important;box-shadow:0 4px 12px -2px #107c4173,inset 0 1px .5px #ffffff80,inset 0 -.5px 1px #0003!important}.glass-card{width:240px;height:360px;background:#ffffff21!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 4px 2px #fff3!important;position:relative!important;overflow:hidden!important}.glass-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)!important}.glass-card:after{content:""!important;position:absolute!important;top:0!important;left:0!important;width:1px!important;height:100%!important;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent,rgba(255,255,255,.3))!important}.inbox-item{margin:2px 8px!important;padding:8px 12px!important;border-radius:14px!important}#messageBox{gap:1px!important}.message-wrap{padding-top:1px!important;padding-bottom:1px!important}.msg-row{gap:6px!important}.bubble{padding:8px 14px!important;border-radius:16px 16px 4px!important}.message-wrap.received .bubble{border-radius:16px 16px 16px 4px!important}#profileModal .modal-scroll-area{padding:0 20px 20px!important}#profileModal .space-y-6>*+*{margin-top:14px!important}#profileModal .space-y-3.5 > * + *{margin-top:8px!important}#profileModal input,#customDropdownBtn{padding:10px 14px!important;border-radius:12px!important}#welcome:not(.hidden){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;will-change:transform,opacity}#welcome:not(.hidden){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:calc(100vh - 90px)!important;margin:0!important;padding:24px!important;text-align:center!important;box-sizing:border-box!important}#chatHeader:not(.hidden){display:flex!important}#chatHeader.hidden,#messageBox.hidden,#inputArea.hidden{display:none!important}#sidebar,#chatArea,#composerShell,.bubble,.inbox-item,.modal-bg>div,.emoji-picker{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}:root{--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1) !important}@keyframes premiumFadeIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes premiumPopIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.emoji-picker:not(.hidden),#profileModal:not(.hidden)>div,#messageActionSheet:not(.hidden)>div{animation:premiumPopIn .35s cubic-bezier(.34,1.56,.64,1) forwards}.msg-enter{animation:premiumPopIn .4s cubic-bezier(.16,1,.3,1) forwards}.inbox-item{transition:background-color .3s ease,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.action-pill,.reaction-btn,.send-btn,.wallpaper-option{transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .25s ease,opacity .25s ease,box-shadow .25s ease}.modal-bg{transition:opacity .3s ease-in-out}#undoToast:not(.hidden){animation:premiumPopIn .4s cubic-bezier(.175,.885,.32,1.1) forwards}#welcome:not(.hidden){animation:premiumFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}#inboxSkeleton .bg-gray-200,#inboxSkeleton .bg-gray-100,#messageSkeleton .bg-gray-200,#messageSkeleton .bg-gray-100{background:#ffffff4d!important;border:1px solid rgba(255,255,255,.4);position:relative;overflow:hidden}#messageSkeleton .bg-gray-800{background:#18191c66!important;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}#messageSkeleton .bg-gray-700{background:#2d2f344d!important;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.animate-pulse{animation:skeletonBreathing 2s ease-in-out infinite!important;position:relative;overflow:hidden}#inboxSkeleton .animate-pulse:after,#messageSkeleton .animate-pulse>div:after,#messageSkeleton .animate-pulse .bg-gray-800:after,#messageSkeleton .animate-pulse .bg-gray-700:after,#messageSkeleton .animate-pulse .bg-gray-200:after,#messageSkeleton .animate-pulse .bg-gray-100:after{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,#fff0,#fff6 45%,#fff9,#fff6 55%,#fff0)!important;transform:translate(-100%)!important;animation:fluidShimmerWave 1.6s infinite cubic-bezier(.25,1,.5,1)!important}#messageSkeleton .bg-gray-800:after,#messageSkeleton .bg-gray-700:after{background:linear-gradient(90deg,#fff0,#ffffff1f 45%,#ffffff38,#ffffff1f 55%,#fff0)!important}@keyframes fluidShimmerWave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeletonBreathing{0%,to{opacity:.75}50%{opacity:.95}}#chatHeader .relative.inline-block.text-left{z-index:9000!important}#menuNavigationBox{z-index:999999!important}#chatArea.z-\[9999\]{z-index:99999!important;position:relative!important}#menuNavigationBox{z-index:100000!important}#sidebar{transition:transform .35s cubic-bezier(.25,1,.5,1),width .35s cubic-bezier(.25,1,.5,1),opacity .25s ease!important}@media (max-width: 767px){#sidebar{position:fixed!important;top:0;left:0;height:100dvh;transform:translate(-100%);z-index:9999!important}#sidebar.open{transform:translate(0)!important}}.message-wrap{content-visibility:auto;contain-intrinsic-size:0 40px}.hidden{display:none!important}