.catch-up-page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.catch-up-page-header p.af-sub{margin-top:8px}.catch-up-jump{flex-wrap:wrap;gap:6px;display:flex}.catch-up-jump a{border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));background:hsl(var(--card));border-radius:999px;padding:6px 10px;font-size:12px}.catch-up-jump a:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary) / .4)}.af-section{margin-top:36px;scroll-margin-top:16px}.af-header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.af-sub{color:hsl(var(--muted-foreground));margin-top:4px;font-size:13px}.af-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.af-chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.af-chip{border:1px solid hsl(var(--border));background:hsl(var(--card));min-height:34px;color:hsl(var(--muted-foreground));white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.af-chip:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary) / .35)}.af-chip[aria-pressed=true]{background:hsl(var(--accent));color:hsl(var(--primary));border-color:hsl(var(--primary) / .35);font-weight:600}.af-chip-count{text-align:center;background:hsl(var(--muted));min-width:20px;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;border-radius:999px;padding:0 6px;font-size:11px;line-height:18px}.af-chip[aria-pressed=true] .af-chip-count{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.af-switch{min-height:34px;color:hsl(var(--muted-foreground));border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:4px 6px;font-size:12.5px;display:inline-flex}.af-switch:hover{color:hsl(var(--foreground))}.af-switch-track{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:999px;width:30px;height:18px;transition:background .15s;position:relative}.af-switch-track>span{background:hsl(var(--muted-foreground));border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.af-switch[aria-checked=true]{color:hsl(var(--foreground))}.af-switch[aria-checked=true] .af-switch-track{background:hsl(var(--primary));border-color:hsl(var(--primary))}.af-switch[aria-checked=true] .af-switch-track>span{background:hsl(var(--primary-foreground));transform:translate(12px)}.af-day+.af-day{margin-top:22px}.af-day-label{letter-spacing:1.2px;text-transform:uppercase;color:hsl(var(--muted-foreground));align-items:center;gap:8px;margin:0 4px 8px;font-size:11px;font-weight:650;display:flex}.af-day-label>span{letter-spacing:0;border:1px solid hsl(var(--border));border-radius:999px;padding:1px 6px;font-size:10px;font-weight:500}.af-list{margin:0;padding:0;list-style:none;overflow:hidden}.af-list>li+li{border-top:1px solid hsl(var(--border))}.af-row{gap:14px;padding:16px 20px;transition:background .15s;display:flex;position:relative}.af-row:hover{background:hsl(var(--muted) / .35)}.af-row.is-unread{background:hsl(var(--accent) / .28)}.af-row.is-unread:hover{background:hsl(var(--accent) / .45)}.af-icon{background:hsl(var(--muted));width:34px;height:34px;color:hsl(var(--muted-foreground));border-radius:10px;flex-shrink:0;place-items:center;display:grid;position:relative}.af-row[data-type=mention]>.af-icon,.af-row[data-type=reply]>.af-icon{background:hsl(var(--accent));color:hsl(var(--primary))}.af-row[data-type=friend_request]>.af-icon,.af-row[data-type=invite]>.af-icon{background:hsl(var(--brand-warm) / .14);color:hsl(var(--brand-warm))}.af-row[data-type=reaction]>.af-icon{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.af-dot{background:hsl(var(--primary));border:2px solid hsl(var(--card));border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px}.af-body{flex:1;min-width:0}.af-line{align-items:baseline;gap:10px;display:flex}.af-title{overflow-wrap:anywhere;text-align:left;min-width:0;color:hsl(var(--foreground));font-size:14px;font-weight:500}.af-row.is-unread>.af-body>.af-line>.af-title{font-weight:650}a.af-title:hover{color:hsl(var(--primary))}.af-stretch:after{content:"";z-index:0;border-radius:inherit;position:absolute;inset:0}.af-stretch:focus-visible{outline:none}.af-stretch:focus-visible:after{outline:2px solid hsl(var(--primary));outline-offset:-2px}.af-time{color:hsl(var(--muted-foreground));white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:11.5px}.af-content{color:hsl(var(--muted-foreground));overflow-wrap:anywhere;margin-top:4px;font-size:13px;line-height:1.55}.af-content strong{color:hsl(var(--foreground));font-weight:600}.af-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px;display:flex;position:relative}.af-actions:empty{display:none}.af-text-action,.af-link-action{color:hsl(var(--primary));border-radius:6px;padding:2px 0;font-size:12px}.af-text-action:hover,.af-link-action:hover{text-underline-offset:3px;text-decoration:underline}.af-toggle{align-items:center;gap:8px;display:inline-flex}.af-count{background:hsl(var(--muted));color:hsl(var(--foreground));font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:650}.af-chevron{color:hsl(var(--muted-foreground));transition:transform .15s}.af-toggle[aria-expanded=true] .af-chevron{transform:rotate(180deg)}.af-children{z-index:1;border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:12px;margin:12px 0 0;padding:0;list-style:none;position:relative;overflow:hidden}.af-children>li+li{border-top:1px solid hsl(var(--border))}.af-row.is-child{align-items:flex-start;gap:10px;padding:10px 14px}.af-row.is-child>.af-icon{border-radius:8px;width:26px;height:26px}.af-row.is-child .af-title{font-size:13px}.af-row.is-child .af-actions{margin-top:6px}.af-empty{text-align:center;color:hsl(var(--muted-foreground));padding:28px;font-size:14px}.af-empty-actions{justify-content:center;gap:16px;margin-top:10px;display:flex}.af-skeleton:hover{background:0 0}.af-skeleton .af-icon,.af-bar{animation:1.4s ease-in-out infinite af-pulse}.af-bar{background:hsl(var(--muted));border-radius:6px;height:10px;display:block}.af-bar+.af-bar{height:8px;margin-top:10px}@keyframes af-pulse{50%{opacity:.45}}.catch-up-skeleton{padding:20px}.catch-up-skeleton>span{background:hsl(var(--muted));border-radius:6px;height:10px;animation:1.4s ease-in-out infinite af-pulse;display:block}.catch-up-skeleton>span+span{margin-top:12px}.catch-up-item time{cursor:default}.catch-up-actions a:focus-visible,.catch-up-actions button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}@media (prefers-reduced-motion:reduce){.af-skeleton .af-icon,.af-bar,.catch-up-skeleton>span{animation:none}.af-chevron,.af-switch-track>span{transition:none}}@media (max-width:767px){.catch-up-page-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}.af-section{margin-top:28px}.af-header h2{font-size:20px}.af-sub{font-size:12px}.af-toolbar{flex-direction:column;align-items:stretch;gap:8px}.af-chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -18px;padding:2px 18px;scroll-padding:0 18px;overflow-x:auto}.af-chips::-webkit-scrollbar{display:none}.af-switch{align-self:flex-end}.af-row{gap:12px;padding:14px}.af-icon{width:30px;height:30px}.af-line{flex-wrap:wrap;gap:2px 8px}.af-title{font-size:13.5px}.af-time{font-size:11px}.af-actions{gap:8px 14px}.af-actions .af-text-action,.af-actions .af-link-action{align-items:center;min-height:32px;display:inline-flex}.af-row.is-child{padding:10px 12px}}