.notification-page{width:100%;padding-bottom:24px}.notifications-tabs{scrollbar-width:none;gap:8px;width:100%;padding:4px 16px 12px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.notifications-tabs::-webkit-scrollbar{display:none}@media (min-width:640px){.notifications-tabs{flex-wrap:wrap;overflow-x:visible;-webkit-mask-image:none;mask-image:none}}.notifications-tabs .notification-tab{border:1px solid var(--line-soft);min-height:36px;color:var(--text-2);font-size:calc(14px*var(--text-scale));white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard);border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.notifications-tabs .notification-tab:hover{color:var(--text-1)}.notifications-tabs .notification-tab[aria-pressed=true]{border-color:var(--brand);background-color:var(--brand);color:#000;border-bottom-left-radius:4px}@media screen and (max-width:767px){.notifications-tabs .notification-tab{min-height:44px}}.notifications-tabs .notification-tab_count{background-color:var(--surface-3);min-width:20px;color:var(--text-1);font-size:calc(12px*var(--text-scale));text-align:center;border-radius:9999px;padding:0 6px;font-weight:600}.notifications-tabs [aria-pressed=true] .notification-tab_count{color:#fff;background-color:#000}.notif-section-title{color:var(--text-3);font-size:calc(13px*var(--text-scale));padding:16px 16px 6px;font-weight:600}.notif-row{border-bottom:1px solid var(--line-soft);transition:background-color var(--duration-fast) var(--ease-standard);align-items:flex-start;gap:12px;padding:12px 8px 12px 20px;display:flex;position:relative}.notif-row:hover,.notif-row.is-unread{background-color:var(--surface-1)}.notif-row.is-unread .notif-dot{background-color:var(--text-1)}.notif-dot{border-radius:9999px;width:8px;height:8px;position:absolute;top:28px;left:6px}.notif-avatar{flex-shrink:0;width:40px;height:40px;display:flex;position:relative}.notif-avatar.is-stack{width:56px}.notif-avatar.is-stack .notif-avatar-item{border:2px solid var(--surface-0);border-radius:9999px;position:absolute;top:4px}.notif-avatar.is-stack .notif-avatar-item:nth-child(2){left:12px}.notif-avatar.is-stack .notif-avatar-item:nth-child(3){left:24px}.notif-silhouette{background-color:var(--surface-2);width:40px;height:40px;color:var(--text-2);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.notif-type{z-index:1;border:2px solid var(--surface-0);background-color:var(--surface-3);width:18px;height:18px;color:var(--text-1);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-4px;right:-4px}.notif-type.notif-type--like{background-color:#e44545}.notif-body{flex:1;min-width:0}.notif-text{font-size:calc(15px*var(--text-scale));line-height:1.4}.notif-link:after{content:"";position:absolute;inset:0}.notif-link:focus-visible{outline:none}.notif-link:focus-visible:after{outline:3px solid var(--brand);outline-offset:-3px}.notif-time{color:var(--text-3);font-size:calc(13px*var(--text-scale));white-space:nowrap}.notif-excerpt{color:var(--text-2);font-size:calc(14px*var(--text-scale));-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.notif-more{z-index:2;width:44px;height:44px;color:var(--text-2);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-4px;display:inline-flex;position:relative}.notif-more:hover{background-color:var(--surface-2);color:var(--text-1)}.notif-end{color:var(--text-2);font-size:calc(14px*var(--text-scale));text-align:center;padding:24px 16px}.loading-box{justify-content:center;padding:16px;display:flex}.notif-type.notif-type--warning{background-color:#dc2626}