.header-publish{min-height:44px;padding:10px 18px;border:0;border-radius:var(--radius-pill);background:var(--surface-soft);color:#111;font-size:14px;font-weight:500;gap:9px}
.header-publish .icon{width:24px;height:24px;stroke-width:1.8}
.header-publish:hover{background:#e7e7e7;transform:none}.header-publish:active{background:#dedede}
.notification-trigger{width:44px;height:44px;margin-inline:2px}.notification-trigger>.icon{width:24px;height:24px;stroke-width:1.8}
.notification-count{position:absolute;top:0;right:-1px;min-width:19px;height:19px;padding:0 4px;border-radius:var(--radius-pill);background:#d9002f;color:#fff;box-shadow:0 0 0 2px var(--bg);font-size:11px;font-weight:700;line-height:19px;text-align:center}
.notification-count[hidden],.notification-panel[hidden],.notification-unread-marker[hidden],.notification-more[hidden]{display:none}
.notification-panel{position:fixed;z-index:var(--z-modal);width:min(480px,calc(100vw - 32px));max-height:min(680px,calc(100dvh - 94px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--elev-raised);color:var(--fg)}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--border);flex-shrink:0}
.notification-panel-head h2{margin:0;font-size:20px;font-weight:600;letter-spacing:0}.notification-panel-head h2:focus{outline:0}
.notification-panel-actions{display:flex;align-items:center;gap:10px}.notification-read-all,.notification-retry{min-height:44px;padding:8px 0;border:0;background:none;color:var(--fg);font-size:14px;font-weight:500}.notification-read-all:disabled{color:var(--muted);opacity:.7;cursor:default}
.notification-close{width:44px;height:44px;flex:0 0 44px}.notification-close>.icon{width:20px;height:20px}
.notification-panel-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.notification-list{margin:0;padding:8px 0;list-style:none}
.notification-item{position:relative}.notification-item.is-unread{background:color-mix(in oklab,var(--fg),var(--surface) 97%)}.notification-entry{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:17px 22px 17px 18px}.notification-entry[href]:hover{background:color-mix(in oklab,var(--fg),transparent 95%)}
.notification-avatar,.notification-system-avatar{width:42px;height:42px;flex:0 0 42px;overflow:hidden;border-radius:50%;display:grid;place-items:center;border:0;background:color-mix(in oklab,var(--fg),var(--surface) 95%);color:var(--fg)}.notification-avatar img{width:100%;height:100%;object-fit:cover}.notification-system-avatar .icon{width:21px;height:21px}
.notification-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;font-size:14px;line-height:1.5}.notification-message{font-weight:500;overflow-wrap:anywhere}.notification-title{font-weight:650;overflow-wrap:anywhere}.notification-note{color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}.notification-copy .notification-time{margin-top:4px;font:400 12px/1.5 var(--font-body);color:var(--muted)}
.notification-cover{width:88px;height:58px;flex:0 0 88px;object-fit:cover;border-radius:6px;background:var(--bg)}.notification-unread-marker{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;top:25px;right:9px}
.notification-empty{padding:38px 28px;text-align:center;display:grid;justify-items:center;gap:12px}.notification-empty-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--bg)}.notification-empty-icon .icon{width:24px;height:24px}.notification-empty strong{font-size:16px}.notification-empty p{max-width:25ch;margin:0;color:var(--muted);font-size:14px}
.notification-loading{padding:42px 20px;text-align:center;color:var(--muted);font-size:14px}.notification-status{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0;padding:0 20px 12px;color:var(--muted);font-size:13px}.notification-status:empty{display:none}.notification-more{display:block;margin:4px auto 20px;padding:9px 22px;border:0;border-radius:var(--radius-pill);background:var(--bg);font-size:14px}.notification-more:disabled{opacity:.5}
html[data-theme="dark"] .header-publish{background:#2b2e33;color:var(--fg)}html[data-theme="dark"] .header-publish:hover{background:#373b42}
@media(max-width:767px){.header-actions{gap:3px}.notification-trigger{width:44px;height:44px;margin:0}.notification-trigger>.icon{width:24px;height:24px}.notification-count{top:1px;right:-1px;min-width:17px;height:17px;font-size:10px;line-height:17px}.notification-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 146px);border-radius:12px}.notification-panel-head{padding:14px}.notification-panel-head h2{font-size:19px}.notification-entry{gap:10px;padding:14px 18px 14px 14px}.notification-avatar,.notification-system-avatar{width:36px;height:36px;flex-basis:36px}.notification-cover{width:66px;height:48px;flex-basis:66px}.notification-copy{font-size:14px}.notification-panel-actions{gap:8px}}