.notifications-page{max-width:720px}.inbox-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);display:flex}.inbox-tabs{gap:var(--space-2);display:flex}.inbox-tabs button{min-height:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);color:var(--muted);font-size:var(--text-meta);background:0 0;border:0;font-weight:500}.inbox-tabs button:hover{background:var(--hover);color:var(--ink)}.inbox-tabs button.active{background:var(--active-bg);color:var(--ink-strong)}.inbox .filter-button{min-height:0;padding:var(--space-2) var(--space-4);font-size:var(--text-meta)}.inbox .filter-panel-wrap{display:block}.inbox .filter-panel{z-index:30;width:min(320px, calc(100vw - 2 * var(--space-6)));box-shadow:var(--shadow-lift);grid-column:auto;grid-template-columns:minmax(0,1fr);position:absolute;inset-inline:auto 0}.inbox .filter-panel>.field.filter-date{grid-column:auto}.inbox .error{margin:var(--space-4) var(--space-5)}.inbox-empty{padding:var(--space-6) var(--space-5);color:var(--muted);font-size:var(--text-small);margin:0}.inbox-foot{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);font-size:var(--text-meta);display:flex}.notification-drawer{inset:calc(54px + var(--safe-top,0px)) 0 0 auto;z-index:90;background:var(--surface);border-left:1px solid var(--line);width:min(340px,100vw);box-shadow:var(--shadow-dialog);flex-direction:column;animation:.16s notification-drawer-in;display:flex;position:fixed}@keyframes notification-drawer-in{0%{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){.notification-drawer{animation:none}}.notification-drawer>header{padding:var(--space-4) var(--space-5) var(--space-3);justify-content:space-between;align-items:center;display:flex}.notification-drawer h2{font-size:var(--text-small);margin:0;font-weight:600}.notification-drawer .icon-button{border-radius:var(--radius-button);width:28px;height:28px;min-height:0;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.notification-drawer .icon-button:hover{background:var(--hover);color:var(--ink)}.notification-drawer-body{flex:1;min-height:0;overflow-y:auto}.notifications-list{padding:0}.notifications-day{padding:var(--space-3) var(--space-5) var(--space-1);color:var(--muted);font-size:var(--text-meta);margin:0;font-weight:600}.notifications-list ul{margin:0;padding:0;list-style:none}.notifications-list li{align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-5);display:flex;position:relative}.notifications-list li:hover,.notifications-list li:focus-within{background:var(--hover)}.notice-dot{margin-top:4px}.notifications-words{overflow-wrap:anywhere;flex:1;gap:2px;min-width:0;line-height:1.4;display:grid}.notifications-title{color:var(--ink);font-size:var(--text-small);font-weight:400;text-decoration:none}a.notifications-title:hover{text-decoration:underline}.notifications-list li.unread .notifications-title{font-weight:600}.notifications-words>span{color:var(--muted);font-size:var(--text-small)}.notifications-words small{color:var(--faint);font-size:var(--text-meta)}.notifications-side{min-width:72px;min-height:20px;color:var(--muted);font-size:var(--text-meta);white-space:nowrap;flex:none;justify-content:flex-end;align-items:center;display:flex;position:relative}.notifications-acts{opacity:0;pointer-events:none;align-items:center;gap:2px;display:flex;position:absolute;inset:0 0 0 auto}.notifications-list li:hover .notifications-acts,.notifications-list li:focus-within .notifications-acts{opacity:1;pointer-events:auto}.notifications-list li:hover .notifications-side time,.notifications-list li:focus-within .notifications-side time{opacity:0}.notifications-acts .icon-button{border-radius:var(--radius-button);width:20px;height:20px;min-height:0;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.notifications-acts .icon-button:hover{background:var(--active-bg);color:var(--ink)}@media (hover:none){.notifications-list li:hover .notifications-side time,.notifications-list li:focus-within .notifications-side time{opacity:1}.notifications-side{align-items:flex-end;gap:var(--space-3);flex-direction:column}.notifications-acts{opacity:1;pointer-events:auto;background:0 0;padding:0;position:static}}.notifications-more{padding:var(--space-4);border-top:1px solid var(--line);text-align:center}@media (max-width:640px){.notifications-side{min-width:0}}