.notif-bell{position:relative;display:inline-block}.notif-bell-btn{position:relative;background:transparent;border:none;font-size:18px;cursor:pointer;padding:4px 6px;border-radius:8px;transition:background .15s;line-height:1}.notif-bell-btn:hover{background:rgba(255,255,255,.06)}.notif-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;background:var(--accent);color:#fff;font-size:9px;font-weight:800;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;pointer-events:none}.notif-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:320px;background:var(--panel-2);border:1px solid var(--border-2);border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.5);z-index:300;animation:fadeIn .12s ease-out;overflow:hidden}.notif-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text)}.notif-read-all{background:transparent;border:none;color:var(--blue);font-size:11px;font-weight:600;cursor:pointer;padding:0;font-family:inherit}.notif-read-all:hover{text-decoration:underline}.notif-list{max-height:360px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;cursor:pointer;transition:background .12s;border-bottom:1px solid rgba(255,255,255,.04)}.notif-item:hover{background:rgba(255,255,255,.04)}.notif-item.read{opacity:.55}.notif-icon{font-size:16px;flex-shrink:0;margin-top:1px}.notif-content{flex:1 1;min-width:0}.notif-title{display:block;font-size:12.5px;font-weight:600;color:var(--text);line-height:1.3}.notif-body{display:block;font-size:11px;color:var(--muted);margin-top:2px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;flex-shrink:0;margin-top:4px}.notif-empty{padding:24px;text-align:center;font-size:13px;color:var(--muted)}.notif-enable-push{display:block;width:100%;background:transparent;border:none;border-top:1px solid var(--border);color:var(--blue);font-size:11.5px;font-weight:600;cursor:pointer;padding:10px 14px;font-family:inherit;text-align:center}.notif-enable-push:hover{background:rgba(255,255,255,.04)}.site-alert-stack{display:flex;flex-direction:column;gap:8px;padding:12px clamp(16px,4vw,60px) 0}.site-alert-bar{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.07);animation:fadeIn .25s ease-out}.site-alert-bar.priority-urgent{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.site-alert-badge{flex-shrink:0;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px;color:#fde68a;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.22);white-space:nowrap}.priority-urgent .site-alert-badge{color:var(--accent-bright);background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 26%,transparent)}.site-alert-text{flex:1 1;min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.site-alert-text strong{font-size:13.5px;color:#f5f5f5}.site-alert-body{font-size:12.5px;color:#a3a3a3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-alert-close{flex-shrink:0;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#a3a3a3;font-size:15px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.site-alert-close:hover{background:rgba(255,255,255,.1);color:#fff}@media (max-width:640px){.site-alert-bar{flex-wrap:wrap}.site-alert-body{white-space:normal}}