#chatPlaceholder[data-state=hidden]{display:none!important}#chatArea[data-state=active]{flex-direction:column;display:flex!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}#messageList::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}#messageList::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:100px;transition:background .2s}#messageList::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:100px;transition:background .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff2e}#messageList::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.custom-scrollbar,#messageList{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes zoom-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-zoom-in{animation:.25s cubic-bezier(.175,.885,.32,1.275) zoom-in}.animate-msg-in{animation:.25s ease-out msg-in}.msg-attachment-img{object-fit:cover;cursor:pointer;will-change:transform, filter;background-color:#ffffff0d;border-radius:12px;width:240px;height:240px;transition:transform .15s,box-shadow .15s,filter .5s;display:block}.msg-attachment-img:hover{transform:scale(1.02);box-shadow:0 4px 20px #00000040}.msg-attachment-video{border-radius:12px;max-width:100%;display:block}.msg-attachment-audio{filter:invert()hue-rotate(180deg);border-radius:100px;max-width:280px;display:block}.msg-attachment-file{color:#a78bfa;background:#6366f11a;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.msg-attachment-file:hover{background:#6366f133}.toast{color:#e5e7eb;z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1c2c;border:1px solid #ffffff1a;border-radius:16px;padding:14px 22px;font-size:13px;animation:.3s toastIn,.3s 2.7s forwards toastOut;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #0006}.toast.error{border-color:#ef4444}.toast.success{border-color:#22c55e}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(16px)scale(.95)}}.filter-pill{color:#94a3b8;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.filter-pill:hover{color:#e2e8f0;background:#ffffff1a}.filter-pill.active{color:#818cf8;background:#6366f126;border-color:#6366f14d;font-weight:600}.filter-pill .pill-badge{text-align:center;background:#ffffff26;border-radius:999px;min-width:18px;padding:1px 6px;font-size:11px;font-weight:700}.filter-pill.active .pill-badge{color:#a5b4fc;background:#6366f14d}#sidebarTopBar{will-change:transform;transition:transform .25s cubic-bezier(.34,1.56,.64,1),-webkit-backdrop-filter .2s,backdrop-filter .2s,background-color .2s}#sidebarTopBar.scrolled{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#0f172af2;box-shadow:0 4px 20px -5px #00000080}#sidebarTopBar.shrink{border-radius:0 0 16px 16px;transform:scale(.97)translateY(-2px)}#sidebarCollapsible{will-change:transform;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.chat-item-wrapper{background:#0f172a;position:relative;overflow:hidden}.chat-actions{display:flex;position:absolute;top:0;bottom:0;right:0}.action{color:#fff;justify-content:center;align-items:center;width:70px;font-size:20px;display:flex}.action.read{background:#3b82f6}.action.delete{background:#ef4444}.chat-item{will-change:transform;z-index:2;background:#0f172a;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative}.chat-item.swiping{transition:none}@keyframes bubble-in{0%{opacity:0;transform:scale(.8)translateY(10px)}60%{transform:scale(1.05)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.msg-bubble{will-change:transform, opacity;transform-origin:100% 100%;animation:.35s cubic-bezier(.34,1.56,.64,1) bubble-in}@media (width<=767px){#sidebar{z-index:20;height:100dvh;transition:opacity .15s;position:fixed;inset:0;width:100%!important}#mainChat{z-index:50;transition:transform .25s cubic-bezier(.4,0,.2,1);inset:0;transform:translate(100%);background-color:#0f111a!important;width:100%!important;height:100dvh!important;display:flex!important;position:fixed!important}#app[data-screen=chat] #mainChat{transform:translate(0)}#app[data-screen=chat] #mobileBottomNav{display:none}#messageList{padding-bottom:10px}*{-webkit-tap-highlight-color:transparent}#conversationList::-webkit-scrollbar{display:none}#messageList::-webkit-scrollbar{display:none}#conversationList,#messageList{-ms-overflow-style:none;scrollbar-width:none}}
