.mast-notif-btn{margin-left:calc(var(--space-3) - var(--space-6));appearance:none;flex:none;align-self:center;display:grid;place-items:center;width:32px;height:30px;padding:0;border:1px solid transparent;border-radius:8px;background:none;color:var(--ink-soft);cursor:pointer;transition:color var(--dur-3) var(--ease),background-color var(--dur-3) var(--ease)}.mast-notif-btn:hover,.mast-notif-btn[aria-expanded=true]{color:var(--ink);background:var(--panel-alt)}.mast-notif-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notif-ico{position:relative;display:inline-flex;width:18px;height:18px}.notif-badge{position:absolute;top:-7px;left:10px;min-width:17px;height:17px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:700;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}.notif-scrim{z-index:calc(var(--z-popover) - 1);background:transparent;animation:none}.notif-panel{position:fixed;z-index:var(--z-popover);display:flex;flex-direction:column;border:1px solid var(--surf-edge);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-pop);top:var(--space-6);top:var(--notif-top,56px);right:var(--notif-right,var(--space-7));width:min(400px,calc(100vw - var(--space-7)));max-height:min(640px,calc(100vh - var(--space-9)));padding:0;overflow:hidden;outline:none}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-6) var(--space-7);border-bottom:1px solid var(--rule);color:var(--ink)}.notif-panel>.notice{margin:var(--space-5) var(--space-7) 0}.notif-empty{margin:0;padding:var(--space-8) var(--space-7);color:var(--ink-faint)}.notif-list{list-style:none;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain}.notif-list>li+li{border-top:1px solid var(--rule)}.notif-item{appearance:none;display:flex;gap:var(--space-5);width:100%;padding:var(--space-6) var(--space-7);border:0;background:none;color:var(--ink-soft);text-align:left;font:inherit;cursor:pointer}.notif-item:hover{background:var(--panel-alt)}.notif-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.notif-kind{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--panel-alt);color:var(--ink-faint)}.notif-item[data-unread] .notif-kind{background:var(--accent-wash);color:var(--accent)}.notif-dot{flex:none;width:8px;height:8px;margin:10px 0 0 auto;border-radius:50%;background:var(--accent)}.notif-item[data-unread]{background:color-mix(in srgb,var(--accent-wash) 45%,transparent)}.notif-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.notif-more{display:flex;justify-content:center;padding:var(--space-5)}.notif-body{position:relative;display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-width:0}.notif-who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:600}.notif-item:not([data-unread]) .notif-who{font-weight:500}.notif-what{color:var(--ink-soft)}.notif-detail{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:var(--ink-faint)}.notif-when{color:var(--ink-faint);font-size:var(--fs-sm)}.mobile-notif-btn{display:none}@media (max-height:520px),(max-width:720px){.mobile-notif-btn{appearance:none;display:grid;place-items:center;min-width:44px;min-height:44px;margin-left:auto;border:0;border-radius:var(--radius);background:none;color:var(--ink-soft);cursor:pointer}.mobile-notif-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notif-panel{top:calc(max(var(--space-4), env(safe-area-inset-top)) + 52px);left:var(--space-5);right:var(--space-5);width:auto;max-height:calc(100dvh - 72px)}.masthead .mast-notif-btn{display:none}.mobile-notif-btn+.mobile-search-btn{margin-left:0}}