.notif-page.svelte-12xd25k{max-width:640px;margin:0 auto;padding:calc(4.75rem + env(safe-area-inset-top,0px)) 1rem calc(6rem + env(safe-area-inset-bottom,0px));color:var(--oo-text-primary);min-height:60vh;box-sizing:border-box}.notif-page__top.svelte-12xd25k{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:.5rem;margin-bottom:1rem;padding-top:0}@media(min-width:769px){.notif-page.svelte-12xd25k{padding:calc(5.5rem + env(safe-area-inset-top,0px)) 1rem 3rem}}.notif-page__back.svelte-12xd25k{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.notif-page__back.svelte-12xd25k svg:where(.svelte-12xd25k){width:22px;height:22px}.notif-page__title.svelte-12xd25k{margin:0;text-align:center;font-size:1.15rem;font-weight:var(--oo-weight-bold);letter-spacing:var(--oo-tracking-heading)}.notif-page__mark.svelte-12xd25k{border:none;background:transparent;color:#ffffffb3;font-size:.75rem;font-weight:var(--oo-weight-semibold);cursor:pointer;padding:.35rem .25rem;white-space:nowrap}.notif-page__mark-spacer.svelte-12xd25k{width:4.5rem}.notif-page__empty.svelte-12xd25k{margin:3rem 0;text-align:center;color:var(--oo-text-muted);font-size:var(--oo-text-body-sm)}.notif-page__list.svelte-12xd25k{list-style:none;margin:0;padding:0;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.notif-page__item.svelte-12xd25k{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:1rem 1.1rem;border:none;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;text-align:left;cursor:pointer}.notif-page__list.svelte-12xd25k li:where(.svelte-12xd25k):last-child .notif-page__item:where(.svelte-12xd25k){border-bottom:none}.notif-page__item.is-unread.svelte-12xd25k{background:#ffffff0d}.notif-page__dot.svelte-12xd25k{flex-shrink:0;width:8px;height:8px;margin-top:.45rem;border-radius:50%;background:transparent}.notif-page__item.is-unread.svelte-12xd25k .notif-page__dot:where(.svelte-12xd25k){background:#e53935}.notif-page__body.svelte-12xd25k{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.notif-page__item-title.svelte-12xd25k{font-size:var(--oo-text-body);font-weight:var(--oo-weight-semibold)}.notif-page__item-text.svelte-12xd25k{font-size:var(--oo-text-body-sm);color:var(--oo-text-muted);line-height:1.4}.notif-page__time.svelte-12xd25k{flex-shrink:0;font-size:.7rem;color:#ffffff73;margin-top:.15rem}