.notifPage{color:#f0ebe3;background:#0a0807;flex-direction:column;min-height:100vh;display:flex}.notifTopBar{z-index:50;-webkit-backdrop-filter:blur(8px);background:#0a0807f2;border-bottom:.5px solid #1f1b16;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.notifBackBtn{color:#9a7c3f;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.notifBackBtn:hover{color:#c9a96e}.notifTitle{color:#9a7c3f;letter-spacing:2px;text-transform:uppercase;margin:0;font-family:Cinzel,Playfair Display,serif;font-size:14px;font-weight:600}.notifMarkAllBtn{color:#5a554f;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:6px 8px;font-family:Cinzel,serif;font-size:9px}.notifMarkAllBtn:hover{color:#9a7c3f}.notifMarkAllBtnHidden{visibility:hidden}.notifMain{flex-direction:column;flex:1;display:flex}.notifGroupLabel{letter-spacing:2px;text-transform:uppercase;color:#3a3530;background:#0f0d0b;border-bottom:.5px solid #1f1b16;padding:8px 16px 4px;font-family:Cinzel,serif;font-size:9px}.notifList{flex-direction:column;display:flex}.notifRow{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;border-bottom:.5px solid #1f1b16;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;transition:background .15s;display:flex;position:relative}.notifRow.unread{background:#9a7c3f0a}.notifRow:hover{background:#9a7c3f14}.notifAvatar{background:#1f1b16;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.notifAvatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.notifAvatarFallback{color:#9a7c3f;font-family:Cinzel,serif;font-size:14px;font-weight:600}.notifBody{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notifText{color:#f0ebe3;font-family:Playfair Display,serif;font-size:14px;line-height:1.35}.notifText strong{color:#f0ebe3;font-weight:600}.notifMeta{align-items:center;gap:10px;display:flex}.notifTime{color:#3a3530;font-family:Inter,system-ui,sans-serif;font-size:11px}.notifAction{color:#9a7c3f;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600;text-decoration:none}.notifAction:hover{color:#c9a96e}.notifFollowBackBtn{color:#9a7c3f;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #9a7c3f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 14px;font-family:Cinzel,serif;font-size:10px;transition:background .15s,color .15s;display:inline-flex}.notifFollowBackBtn:hover:not(:disabled){background:#9a7c3f1f}.notifFollowBackBtn:disabled{opacity:.5;cursor:default}.notifFollowBackBtn.following{color:#5a554f;border-color:#2a2520}.notifThumb{background:#1f1b16;border-radius:4px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.notifThumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.notifUnreadDot{background:#c9a96e;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.notifEmpty{text-align:center;color:#3a3530;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:80px 24px;display:flex}.notifEmpty svg{color:#2a2520;margin-bottom:18px}.notifEmptyTitle{color:#5a554f;margin:0 0 10px;font-family:Playfair Display,serif;font-size:18px;font-style:italic}.notifEmptyText{color:#3a3530;max-width:280px;margin:0 auto;font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.5}.notifLoading{flex-direction:column;gap:0;display:flex}.notifSkelRow{border-bottom:.5px solid #1f1b16;align-items:center;gap:12px;padding:14px 16px;display:flex}.notifSkelAvatar{background:linear-gradient(90deg,#1a1612 0%,#221d18 50%,#1a1612 100%) 0 0/200% 100%;border-radius:50%;flex-shrink:0;width:40px;height:40px;animation:1.4s ease-in-out infinite notifShimmer}.notifSkelLines{flex-direction:column;flex:1;gap:6px;display:flex}.notifSkelLine{background:linear-gradient(90deg,#1a1612 0%,#221d18 50%,#1a1612 100%) 0 0/200% 100%;border-radius:4px;height:12px;animation:1.4s ease-in-out infinite notifShimmer}.notifSkelLine.short{width:40%;height:10px}@keyframes notifShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.notifSignInBox{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:80px 24px;display:flex}.notifSignInTitle{color:#f0ebe3;margin:16px 0 8px;font-family:Playfair Display,serif;font-size:22px;font-style:italic}.notifSignInText{color:#5a554f;max-width:280px;margin:0 auto 24px;font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.5}.notifSignInCta{color:#9a7c3f;letter-spacing:2px;text-transform:uppercase;background:0 0;border:1px solid #9a7c3f;justify-content:center;align-items:center;padding:11px 32px;font-family:Cinzel,serif;font-size:11px;text-decoration:none;display:inline-flex}.notifSignInCta:hover{background:#9a7c3f1a}