.notif-page .auth-gate{min-height:calc(100vh - var(--app-nav-height));text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}.notif-page .auth-icon{margin-bottom:1rem;font-size:2.5rem}.notif-page .auth-gate h2{color:var(--ink);margin-bottom:.375rem;font-size:1.15rem;font-weight:600}.notif-page .auth-gate p{color:var(--ink3);margin-bottom:1.25rem;font-size:14px}.notif-page .unread-summary{color:var(--gd);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.notif-page .notif-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.notif-page .notif-filters{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--white);gap:4px;padding:4px;display:inline-flex}.notif-page .notif-filter{border-radius:var(--radius-full);color:var(--ink2);font:inherit;font-size:var(--font-size-label);cursor:pointer;background:0 0;border:none;padding:8px 18px}.notif-page .notif-filter[aria-pressed=true]{background:var(--gd);color:var(--white);font-weight:var(--font-weight-semibold)}.notif-page .notif-list,.notif-page .notif-group ul{margin:0;padding:0;list-style:none}.notif-page .notif-group-title{padding:var(--space-3) var(--space-5);font-size:var(--font-size-label);background:var(--surf);border-block:1px solid var(--line);color:var(--ink2)}.notif-page .notif-group:first-child .notif-group-title{border-top:0}.notif-page .notif-item{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);background:var(--white);grid-template-columns:minmax(0,1fr) auto;display:grid}.notif-page .notif-item:last-child{border-bottom:0}.notif-page .notif-item.is-unread{background:var(--gl)}.notif-page .notif-open,.notif-page .notif-content{align-items:flex-start;gap:var(--space-3);min-width:0;min-height:var(--control-height);display:flex}.notif-page .notif-open:hover .notif-title{text-decoration:underline}.notif-page .notif-icon{border:1px solid var(--line);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--gd);background:var(--white);flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.notif-page .notif-body{gap:4px;min-width:0;display:grid}.notif-page .notif-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--ink);display:block}.notif-page .notif-text{font-size:var(--font-size-label);color:var(--ink2);line-height:1.5;display:block}.notif-page .notif-meta{align-items:center;gap:var(--space-2);font-size:var(--font-size-caption);color:var(--ink2);flex-wrap:wrap;display:flex}.notif-page .notif-state{font-weight:var(--font-weight-semibold);color:var(--gd)}.notif-page .notif-destination{font-weight:var(--font-weight-semibold);color:var(--gm)}.notif-page .notif-read{font-size:var(--font-size-caption);padding-inline:12px}.notif-page .notif-empty{padding:var(--space-10) var(--space-5);text-align:center;color:var(--ink2)}.notif-page .notif-empty h2{font-size:var(--font-size-section);color:var(--ink);margin-bottom:var(--space-2)}.notif-page .notif-empty-icon{margin-bottom:var(--space-3);font-size:2rem}.notif-page .notif-loadmore-wrap{padding:var(--space-5) 0;justify-content:center;display:flex}.notif-page .notif-preferences{border:1px solid var(--line);border-radius:var(--rl);background:var(--white);padding:var(--space-4) var(--space-5);margin-block:var(--space-4) var(--space-8)}.notif-page .notif-preferences summary{min-height:var(--control-height);cursor:pointer;font-weight:var(--font-weight-semibold);align-content:center}.notif-page .notif-preferences p{color:var(--ink2);font-size:var(--font-size-label);margin-block:var(--space-3)}.notif-page .notif-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.notif-page .digest-toggle{min-height:var(--control-height);align-items:center;gap:var(--space-2);color:var(--ink2);font-size:var(--font-size-label);display:inline-flex}.notif-page .digest-toggle input{width:20px;height:20px}@media (width<=640px){.notif-page .notif-item{padding:var(--space-4);gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.notif-page .notif-read{justify-self:start;margin-left:48px}.notif-page .notif-toolbar>.btn{width:100%}.notif-page .notif-actions{display:grid}}.notif-page .notif-feedback{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;display:flex}.notif-page .notif-feedback p{flex:240px;min-width:0}.notif-page .notif-feedback[data-error=true]{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.notif-page #retry-load-btn{margin-top:var(--space-3)}.notif-page .notif-item:disabled{cursor:wait}