html body.theme-blackfire #header .bf-notification-nav [hidden],html body.theme-blackfire .mobile-nav .bf-notification-nav [hidden]{display:none!important}
body.theme-blackfire .bf-notice-panel{--notice-bg:#18191e;--notice-border:#30323b;--notice-ink:#f5f5f7;--notice-muted:#a2a5af;position:fixed;z-index:10050;width:min(400px,calc(100vw - 24px));background:var(--notice-bg);color:var(--notice-ink);border:1px solid var(--notice-border);border-radius:16px;box-shadow:0 20px 65px #0005;overflow:hidden;display:flex;flex-direction:column;animation:bf-notice-in .18s ease-out;text-align:left;font-family:inherit}
html[data-bf-theme=light] body.theme-blackfire .bf-notice-panel{--notice-bg:#fff;--notice-border:#e7e8ee;--notice-ink:#20222a;--notice-muted:#727684;box-shadow:0 18px 55px #18213b24}
body.theme-blackfire .bf-notice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 18px;border-bottom:1px solid var(--notice-border)}
body.theme-blackfire .bf-notice-heading>div{display:grid;gap:3px}body.theme-blackfire .bf-notice-heading strong{font-size:17px;font-weight:700;color:var(--notice-ink)}body.theme-blackfire .bf-notice-heading span{font-size:11px;color:var(--notice-muted)}
body.theme-blackfire .bf-notice-heading button{padding:7px 0;border:0;background:transparent;color:#ff2d7b;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}body.theme-blackfire .bf-notice-heading button:disabled{color:var(--notice-muted);cursor:default;opacity:.6}
body.theme-blackfire .bf-notice-list{overflow-y:auto;overscroll-behavior:contain;min-height:0;max-height:400px;padding:7px}
body.theme-blackfire .bf-notice-item{margin:0;border:0;border-radius:10px;overflow:hidden}body.theme-blackfire .bf-notice-item.is-unread{background:#5265ef0c}
body.theme-blackfire .bf-notice-content{display:flex!important;align-items:flex-start;gap:12px;width:100%;padding:14px 11px!important;margin:0!important;border:0!important;background:transparent!important;color:var(--notice-ink)!important;text-decoration:none!important;text-align:left;line-height:1.45;cursor:pointer;border-radius:10px;font-family:inherit}
body.theme-blackfire .bf-notice-content:hover{background:#7d819311!important}body.theme-blackfire .bf-notice-content:focus-visible,body.theme-blackfire .bf-notice-heading button:focus-visible{outline:2px solid #5969f5;outline-offset:-2px}
body.theme-blackfire .bf-notice-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#5969f518;color:#6575ff;font-size:16px}body.theme-blackfire .bf-notice-item:nth-child(even) .bf-notice-icon{background:#ff2d7b14;color:#ff2d7b}
body.theme-blackfire .bf-notice-copy{display:grid;gap:5px;min-width:0;flex:1}body.theme-blackfire .bf-notice-copy strong{font-size:13px;font-weight:650;color:var(--notice-ink);overflow-wrap:anywhere}body.theme-blackfire .bf-notice-copy>span{font-size:12px;color:var(--notice-muted);font-weight:400;overflow-wrap:anywhere}body.theme-blackfire .bf-notice-copy time{font-size:10px;color:var(--notice-muted);font-weight:400}
body.theme-blackfire .bf-notice-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#ff2d7b;margin-top:6px;visibility:hidden}body.theme-blackfire .is-unread .bf-notice-dot{visibility:visible}
body.theme-blackfire .bf-notice-empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:40px 16px;color:var(--notice-muted)}body.theme-blackfire .bf-notice-empty i{font-size:25px;color:#6374fa;margin-bottom:6px}body.theme-blackfire .bf-notice-empty strong{font-size:14px;color:var(--notice-ink)}body.theme-blackfire .bf-notice-empty p{font-size:12px;margin:0;color:var(--notice-muted)}
body.theme-blackfire .bf-notice-footer{padding:12px 18px;border-top:1px solid var(--notice-border);font-size:10px;color:var(--notice-muted);display:flex;justify-content:space-between}
html body.theme-blackfire #header .bf-notice-panel .bf-notice-content,html body.theme-blackfire .mobile-nav .bf-notice-panel .bf-notice-content{white-space:normal!important}
html body.theme-blackfire .bf-notice-panel .bf-notice-copy,html body.theme-blackfire .bf-notice-panel .bf-notice-copy>*{white-space:normal!important;min-width:0;max-width:100%;overflow-wrap:anywhere}
@keyframes bf-notice-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){body.theme-blackfire .bf-notice-panel{animation:none}}