.notifications-page__panel{display:grid;gap:var(--spacing-lg);padding:clamp(1rem,2vw,1.5rem)}.notifications-page__tabs{display:flex;flex-wrap:wrap;gap:.75rem}.notifications-page__tab{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:.55rem 1rem;border:1px solid color-mix(in oklab,var(--color-border) 88%,white);border-radius:var(--radius-pill);background:color-mix(in oklab,white 78%,var(--color-surface-secondary) 22%);color:var(--color-text);font-weight:700;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.notifications-page__tab:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--color-border-strong) 75%,white)}.notifications-page__tab--active{border-color:color-mix(in oklab,var(--color-primary) 52%,white);background:color-mix(in oklab,white 74%,var(--color-primary) 26%);color:var(--color-primary)}.notifications-page__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding-inline:.4rem;border-radius:999px;background:#ffffffb8;font-size:var(--font-size-sm)}.notifications-feed{display:grid;gap:.85rem}.notifications-feed__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;padding:1rem 1.1rem;border:1px solid color-mix(in oklab,var(--color-border) 84%,white);border-radius:var(--radius-lg);background:#ffffffd1}.notifications-feed__content{display:grid;gap:.45rem}.notifications-feed__meta{display:flex;flex-wrap:wrap;gap:.65rem;color:var(--color-text-muted);font-size:var(--font-size-sm)}.notifications-feed__section{font-weight:800;letter-spacing:.04em;text-transform:uppercase}.notifications-feed__title{font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.2}.notifications-feed__body{color:var(--color-text-muted);max-width:70ch}.notifications-settings__note{color:var(--color-text-muted)}.notifications-settings__list{display:grid;gap:.85rem}@media(max-width:700px){.notifications-feed__item{grid-template-columns:1fr}}