.bb-notifications-index .bb-notifications-page-hero{background:radial-gradient(ellipse at 18% 20%, hsl(var(--baby-pink)/.55), transparent 60%);padding:163px 0 70px}.bb-notifications-index .bb-notifications-page-hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:10%;display:grid}.bb-notifications-index .bb-notifications-page-heading{letter-spacing:-.055em;font-size:clamp(56px,6.5vw,87px);font-weight:500;line-height:1.02;font-family:var(--app-font-serif);margin:25px 0 23px}.bb-notifications-index .bb-notifications-page-heading-accent{color:var(--bb-highlight)}.bb-notifications-index .bb-notifications-page-introduction{max-width:430px;color:hsl(var(--muted-foreground));margin:0;font-size:14px;line-height:1.85}.bb-notifications-index .bb-notifications-page-emblem{isolation:isolate;min-height:300px;color:var(--bb-highlight);background:var(--bb-surface);border:1px solid hsl(var(--secondary)/.35);border-radius:170px 170px 5px 5px;align-content:center;justify-items:center;gap:20px;padding:55px 35px 42px;transition:background-color .38s,color .38s,border-color .3s;display:grid;position:relative}.bb-notifications-index .bb-notifications-page-emblem-label{letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-family:var(--app-font-mono)}.bb-notifications-index .bb-notifications-page-emblem-signature{font-size:39px;line-height:1.1;font-family:var(--app-font-signature)}.bb-notifications-index .bb-notifications-page-updates{padding:10px 0 110px}.bb-notifications-index .bb-notifications-page-updates-container{max-width:1000px}.bb-notifications-index .bb-notifications-page-toolbar{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:24px;padding:0 0 26px;display:flex}.bb-notifications-index .bb-notifications-page-list-heading{letter-spacing:-.04em;font-size:clamp(31px,3.5vw,41px);font-weight:500;line-height:1.2;font-family:var(--app-font-serif);margin:0 0 10px}.bb-notifications-index .bb-notifications-page-count{letter-spacing:.06em;color:hsl(var(--muted-foreground));font-size:10px;font-family:var(--app-font-mono);margin:0}.bb-notifications-index .bb-notifications-page-action{flex:none;min-height:43px;font-size:9px}.bb-notifications-index .bb-notifications-page-action:is(:hover,:focus-visible,:active){color:var(--bb-brand-cream)}.bb-notifications-index .bb-notifications-page-list{margin-top:10px}.bb-notifications-index .bb-notification-card{border-radius:4px;grid-template-columns:48px minmax(0,1fr) 15px;gap:23px;padding:30px 20px}.bb-notifications-index .bb-notification-icon{width:48px;height:48px}.bb-notifications-index .bb-notification-title{margin-bottom:12px;font-size:clamp(23px,2.8vw,29px)}.bb-notifications-index .bb-notification-body{max-width:740px;font-size:13px;line-height:1.9}.bb-notifications-index .bb-notifications-page-loading-label{color:hsl(var(--muted-foreground));padding:24px 0 0;font-size:12px;display:block}.bb-notifications-index .bb-notifications-page-skeleton{border-bottom:1px solid hsl(var(--border));gap:17px;padding:34px 20px;display:grid}.bb-notifications-index .bb-notifications-page-skeleton>span{background:hsl(var(--muted)/.65);border-radius:3px;height:13px}.bb-notifications-index .bb-notifications-page-skeleton-title{width:min(45%,280px)}.bb-notifications-index .bb-notifications-page-skeleton-body{width:82%}.bb-notifications-index .bb-notifications-page-empty{text-align:center;color:hsl(var(--muted-foreground));padding:70px 24px}.bb-notifications-index .bb-notifications-page-empty>svg{color:var(--bb-highlight);margin:0 auto 18px}.bb-notifications-index .bb-notifications-page-empty-heading{font-size:29px;font-weight:500;font-family:var(--app-font-serif);color:hsl(var(--foreground));margin:0 0 12px}.bb-notifications-index .bb-notifications-page-empty-copy{margin:0;font-size:13px}.bb-notifications-index .bb-notifications-page-feedback{background:var(--bb-surface);border:1px solid hsl(var(--secondary)/.3);color:hsl(var(--muted-foreground));border-radius:4px;margin:24px 0 0;padding:17px 20px;font-size:12px;line-height:1.7}.bb-notifications-index .bb-notifications-page-feedback.is-error{color:hsl(var(--destructive));border-color:hsl(var(--destructive)/.35);justify-content:space-between;align-items:center;gap:18px;display:flex}.bb-notifications-index .bb-notifications-page-feedback-copy{margin:0}@media (max-width:850px){.bb-notifications-index .bb-notifications-page-hero{padding:135px 0 58px}.bb-notifications-index .bb-notifications-page-hero-grid{grid-template-columns:1.15fr .85fr;gap:6%}.bb-notifications-index .bb-notifications-page-emblem{min-height:270px;padding:44px 20px 35px}.bb-notifications-index .bb-notifications-page-emblem-signature{font-size:31px}.bb-notifications-index .bb-notifications-page-updates{padding-bottom:80px}}@media (max-width:600px){.bb-notifications-index .bb-notifications-page-hero{padding-top:125px}.bb-notifications-index .bb-notifications-page-hero-grid{grid-template-columns:1fr;gap:30px}.bb-notifications-index .bb-notifications-page-heading{font-size:clamp(54px,12vw,72px)}.bb-notifications-index .bb-notifications-page-emblem{display:none}.bb-notifications-index .bb-notifications-page-toolbar{flex-direction:column;align-items:start;gap:18px}.bb-notifications-index .bb-notification-card{grid-template-columns:36px minmax(0,1fr) 15px;gap:14px;padding:27px 8px}.bb-notifications-index .bb-notification-icon{width:36px;height:36px}.bb-notifications-index .bb-notifications-page-feedback.is-error{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){.bb-notifications-index .bb-notifications-page-action,.bb-notifications-index .bb-notifications-page-emblem{transition:none}}.bb-notifications-page-toolbar-actions{flex-wrap:wrap;gap:12px;display:flex}.bb-notifications-page-action:disabled{cursor:default;opacity:.55}