.DPx5TW_container{inline-size:100%;max-inline-size:1400px;margin-inline:auto}.DPx5TW_controlPanel{gap:var(--spacing-4,16px);block-size:100%;min-block-size:420px;padding:var(--spacing-6,24px);border-radius:var(--radius-2xl,20px);flex-direction:column;display:flex}.DPx5TW_filterList{gap:var(--spacing-2,8px);flex-direction:column;display:flex}@media screen and (prefers-reduced-motion:reduce){.DPx5TW_filterBtn{transition:none}}.DPx5TW_filterBtn{cursor:pointer;gap:var(--spacing-3,12px);min-block-size:44px;inline-size:100%;padding-block:var(--spacing-2-5,10px);padding-inline:var(--spacing-4,16px);border-radius:var(--radius-xl,14px);font-size:var(--text-sm,14px);color:var(--text-secondary);text-align:start;transition:transform var(--transition-normal,.2s cubic-bezier(.4, 0, .2, 1)), background-color var(--transition-normal,.2s cubic-bezier(.4, 0, .2, 1)), border-color var(--transition-normal,.2s cubic-bezier(.4, 0, .2, 1)), box-shadow var(--transition-normal,.2s cubic-bezier(.4, 0, .2, 1)), color var(--transition-normal,.2s cubic-bezier(.4, 0, .2, 1));justify-content:flex-start;align-items:center;font-weight:500;display:flex;position:relative}.DPx5TW_filterBtn:hover,.DPx5TW_filterBtn:focus-visible{color:var(--text-primary);background:var(--surface-hover,var(--glass-surface-soft));transform:translate(2px)}.DPx5TW_filterBtnActive{border-color:var(--accent-a40);color:var(--text-primary);background:var(--surface-active,rgb(var(--faint-violet-rgb) / 18%));box-shadow:0 4px 20px rgb(var(--faint-violet-rgb) / 15%);font-weight:600}.DPx5TW_filterIcon{opacity:.85;justify-content:center;align-items:center;display:flex}.DPx5TW_filterBtnActive .DPx5TW_filterIcon{color:var(--color-primary,var(--accent));opacity:1}.DPx5TW_filterCount{font-size:var(--text-xs,12px);color:var(--text-muted);background:var(--bg-hover);border-radius:9999px;margin-inline-start:auto;padding-block:2px;padding-inline:8px;font-weight:600;line-height:1.2}.DPx5TW_filterCountActive{color:var(--text-primary);background:var(--violet-800)}.DPx5TW_inboxZeroCard{padding:var(--spacing-5,20px);border:1px solid var(--glass-surface-soft);border-radius:var(--radius-xl,16px);margin-block-start:auto;position:relative;overflow:hidden}.DPx5TW_inboxZeroHeader{gap:var(--spacing-2,8px);align-items:center;margin-block-end:var(--spacing-2,8px);display:flex}.DPx5TW_inboxZeroIcon{color:var(--status-success-bright)}.DPx5TW_inboxZeroTitle{font-size:var(--text-sm,14px);color:var(--text-primary);font-weight:600}.DPx5TW_inboxZeroText{font-size:var(--text-xs,12px);color:var(--text-muted);margin-block-end:var(--spacing-3,12px);line-height:1.5}.DPx5TW_clearAllBtn{inline-size:100%}.DPx5TW_feedContainer{flex-direction:column;block-size:100%;display:flex}.DPx5TW_feedHeader{padding-inline:var(--spacing-1,4px);justify-content:space-between;align-items:center;margin-block-end:var(--spacing-4,16px);display:flex}.DPx5TW_feedTitle{font-size:var(--text-xl,20px);color:var(--text-primary);font-weight:700}.DPx5TW_feedScroll{gap:var(--spacing-3,12px);min-block-size:380px;flex-direction:column;flex:1;padding-inline-end:var(--spacing-1,4px);display:flex;overflow-y:auto}@media screen and (prefers-reduced-motion:reduce){.DPx5TW_notificationCard{transition:none}}.DPx5TW_notificationCard{cursor:pointer;gap:var(--spacing-4,16px);padding-block:var(--spacing-3-5,14px);padding-inline:var(--spacing-4-5,18px);border:1px solid var(--glass-surface-7);border-radius:var(--radius-xl,16px);transition:transform var(--transition-normal,.2s cubic-bezier(.4, 0, .2, 1)), background-color var(--transition-normal,.2s cubic-bezier(.4, 0, .2, 1)), border-color var(--transition-normal,.2s cubic-bezier(.4, 0, .2, 1)), box-shadow var(--transition-normal,.2s cubic-bezier(.4, 0, .2, 1)), opacity var(--transition-normal,.2s cubic-bezier(.4, 0, .2, 1));align-items:center;display:flex;position:relative;overflow:hidden}.DPx5TW_notificationCard:hover,.DPx5TW_notificationCard:focus-visible{border-color:var(--glass-border-16);background:var(--surface-hover,var(--glass-surface-7));transform:translateY(-1px)}.DPx5TW_notificationCardUnread{border-left:3px solid var(--accent);background:rgb(var(--accent-rgb) / 6%)}.DPx5TW_cardIcon{border-radius:var(--radius-lg,12px);background:var(--glass-surface-faint);justify-content:center;align-items:center;block-size:42px;inline-size:42px;min-inline-size:42px;display:flex}.DPx5TW_iconLike{color:var(--text-primary);background:var(--rose-700)}.DPx5TW_iconIndigo{color:var(--text-primary);background:var(--violet-700)}.DPx5TW_iconGreen{color:var(--text-primary);background:var(--emerald-700)}.DPx5TW_iconSystem{color:var(--text-primary);background:var(--blue-700)}.DPx5TW_unreadDot{background:var(--accent);block-size:8px;inline-size:8px;box-shadow:0 0 8px var(--accent);border-radius:9999px}.DPx5TW_loadingContainer{padding:var(--spacing-12,48px);font-size:var(--text-sm,14px);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.DPx5TW_emptyContainer{padding-block:var(--spacing-16,64px);padding-inline:var(--spacing-6,24px);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.DPx5TW_emptyIconWrapper{border:1px solid var(--accent-a25);background:radial-gradient(circle, rgb(var(--accent-rgb) / 18%) 0%, var(--glass-surface-2) 70%);block-size:96px;inline-size:96px;box-shadow:0 8px 32px rgb(var(--faint-violet-rgb) / 20%);border-radius:9999px;justify-content:center;align-items:center;margin-block-end:var(--spacing-5,20px);display:flex;position:relative}@media screen and (prefers-reduced-motion:reduce){.DPx5TW_emptyIconPulse{animation:none}}.DPx5TW_emptyIconPulse{pointer-events:none;background:var(--accent-a12);border-radius:9999px;animation:3s ease-in-out infinite DPx5TW_pulseGlow;position:absolute;inset:-6px}@keyframes DPx5TW_pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.DPx5TW_emptyTitle{font-size:var(--text-lg,18px);color:var(--text-primary);margin-block-end:var(--spacing-2,8px);font-weight:600}.DPx5TW_emptyDesc{max-inline-size:360px;font-size:var(--text-sm,14px);color:var(--text-muted);margin-block-end:var(--spacing-5,20px);line-height:1.5}.DPx5TW_markAllReadContainer{justify-content:flex-end;margin-block-start:var(--spacing-3,12px);display:flex}@media screen and (prefers-reduced-motion:reduce){.DPx5TW_notificationCard,.DPx5TW_filterBtn,.DPx5TW_emptyIconPulse{transition:none;animation:none}}