@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:9999;border-radius:.75rem;max-width:90vw;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:transform .3s ease-out;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 25px -5px #0000004d}.toast.show{transform:translate(-50%)translateY(0)}.toast.success{color:#fff;background:#10b981}.toast.error{color:#fff;background:#ef4444}.toast.info{color:#fff;background:#3b82f6}.message-input{resize:vertical;min-height:120px;font-family:inherit}.message-card{transition:transform .15s,box-shadow .15s}.message-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a}html.dark,html.dark body{color:#e7ecf0;background-color:#0e1216!important}html.dark .bg-white{background-color:#191f25!important}html.dark .bg-gray-50,html.dark .bg-gray-100{background-color:#0e1216!important}html.dark .bg-gray-200,html.dark .bg-gray-300{background-color:#232b33!important}html.dark .bg-saraha-50{background-color:#11302e!important}html.dark .bg-saraha-100{background-color:#163f3b!important}html.dark .bg-plum-50{background-color:#2a1426!important}html.dark .from-saraha-50,html.dark .via-white,html.dark .to-plum-50,html.dark .to-saraha-50,html.dark .from-white,html.dark .to-white{background-color:#0e1216!important;background-image:none!important}html.dark .text-gray-900,html.dark .text-gray-800{color:#e7ecf0!important}html.dark .text-gray-700,html.dark .text-gray-600{color:#c3ccd4!important}html.dark .text-gray-500,html.dark .text-gray-400,html.dark .text-gray-300{color:#8b97a3!important}html.dark .text-saraha-700,html.dark .text-saraha-600{color:#2dd4bf!important}html.dark .border-gray-100,html.dark .border-gray-200,html.dark .border-gray-300,html.dark .divide-gray-100>:not([hidden])~:not([hidden]),html.dark .divide-gray-200>:not([hidden])~:not([hidden]){border-color:#2a333b!important}html.dark input,html.dark textarea,html.dark select{color:#e7ecf0;background-color:#0e1216;border-color:#2a333b}html.dark input::placeholder,html.dark textarea::placeholder{color:#6b7a87!important}html.dark #composer{background-color:#0000!important;border:none!important}html.dark #post-feed-modal .bg-white{background-color:#1c2733!important}html.dark #post-feed-preview{color:#c3ccd4!important;background-color:#11302e!important;border-color:#10bbb2!important}html.dark #post-feed-caption{color:#e7ecf0!important;background-color:#0e1216!important;border-color:#2a333b!important}html.dark .composer-tab{color:#8b97a3}html.dark #tab-status.text-saraha-600,html.dark #tab-share.text-saraha-600{color:#2dd4bf!important}html.dark #share-picker{border-color:#2a333b!important}html.dark .msg-pick-btn{color:#e7ecf0!important}html.dark .msg-pick-btn:hover{background-color:#10bbb214!important}html.dark #share-selected{color:#c3ccd4!important;background-color:#11302e!important;border-color:#10bbb2!important}html.dark .glass-header{background:#14191fd9!important}html.dark .border-gray-200\/60{border-color:#2a333b8c!important}html.dark .bg-white\/80{background-color:#191f25d9!important}html.dark .bg-white\/25,html.dark .bg-white\/20,html.dark .bg-white\/15{background-color:#ffffff1f!important}html.dark .shadow-sm,html.dark .shadow,html.dark .shadow-md,html.dark .shadow-lg,html.dark .shadow-xl{--tw-shadow-color:#00000080}html.dark ::-webkit-scrollbar-thumb{background-color:#2a333b}.post-row{transition:background-color .15s}.post-row:hover{background-color:#7d87910f}html.dark .post-row:hover{background-color:#ffffff0a}.post-divider{border-bottom:1px solid #eceff2}html.dark .post-divider{border-bottom-color:#232b33}.feed-tab{transition:color .15s;position:relative}.feed-tab[aria-selected=true]:after{content:"";background:linear-gradient(90deg,#10bbb2,#983587);border-radius:3px;width:56px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.post-act{border-radius:999px;transition:color .12s,background-color .12s}.post-act:hover{background-color:#10bbb21a}.post-act.is-liked{color:#ef4444!important}.post-act.like:hover{color:#ef4444;background-color:#ef44441a}@keyframes likePop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.like-pop{animation:.3s likePop}#social-bell-menu{transform-origin:100% 0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#social-bell-menu:not(.hidden){animation:.16s cubic-bezier(.2,.8,.4,1) both notifPanelIn}@keyframes notifPanelIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-header{z-index:1;background:#fff;border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex;position:sticky;top:0}html.dark .notif-header{background:#1c2733;border-bottom-color:#ffffff12}.notif-header-title{color:#111;font-size:17px;font-weight:800}html.dark .notif-header-title{color:#e7ecf0}.notif-mark-all{color:#10bbb2;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.notif-mark-all:hover{text-decoration:underline}.notif-section-label{color:#111;padding:6px 16px 4px;font-size:15px;font-weight:700}html.dark .notif-section-label{color:#e7ecf0}.notif-row{border-radius:10px;align-items:center;gap:12px;margin:1px 6px;padding:8px 12px;text-decoration:none;transition:background-color .13s;display:flex}.notif-row:hover{background-color:#7d87911a}html.dark .notif-row:hover{background-color:#ffffff0f}.notif-unread{background-color:#10bbb214}html.dark .notif-unread{background-color:#10bbb21c}.notif-avatar-wrap{flex-shrink:0;width:52px;height:52px;position:relative}.notif-avatar-img{object-fit:cover;background:#e5e7eb;border-radius:50%;width:52px;height:52px}.notif-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#10bbb2,#983587);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:800;display:flex}.notif-type-badge{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-2px;right:-4px}html.dark .notif-type-badge{border-color:#161d25}.notif-body{flex:1;min-width:0}.notif-text{color:#1c1e21;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}html.dark .notif-text{color:#e7ecf0}.notif-text strong{font-weight:700}.notif-excerpt{color:#606770;font-style:italic}html.dark .notif-excerpt{color:#8b97a3}.notif-time{color:#10bbb2;margin-top:3px;font-size:13px;font-weight:600}.notif-dot{background:#10bbb2;border-radius:50%;flex-shrink:0;width:11px;height:11px}.notif-dot-placeholder{flex-shrink:0;width:11px;height:11px}.notif-empty{text-align:center;color:#8b97a3;padding:24px 16px;font-size:14px}html.dark #social-bell-menu{background-color:#1c2733!important;border-color:#2a333b!important;box-shadow:0 10px 40px #0009!important}