.notification-bell{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;color:var(--hub-secondary-text, #A0A0A0);font-size:20px;display:flex;align-items:center;justify-content:center}.notification-bell:hover{background-color:var(--hub-hover, rgba(245, 245, 220, .08));color:var(--hub-primary-text, #FFFFFF);transform:scale(1.05)}.notification-bell.has-unread{color:var(--hub-accent, #DAA520);animation:pulse 2s infinite}.notification-bell.has-unread:hover{background-color:var(--hub-hover, rgba(245, 245, 220, .08));animation:none}.unread-count{position:absolute;top:-2px;right:-2px;background-color:var(--hub-error, #EF4444);color:var(--hub-primary-text, #FFFFFF);font-size:10px;font-weight:700;padding:2px 4px;border-radius:10px;min-width:16px;text-align:center;line-height:1;font-family:monospace}@keyframes pulse{0%{box-shadow:0 0 #daa52066}70%{box-shadow:0 0 0 6px #daa52000}to{box-shadow:0 0 #daa52000}}@media (max-width: 768px){.notification-bell{font-size:18px;padding:6px}.unread-count{font-size:9px;padding:1px 3px;min-width:14px}}:root{color-scheme:dark;--canvas: #15121B;--surface: #211B2A;--surface-subtle: #2C2435;--text: #F7F3FA;--text-muted: #BEB4C9;--border: #4F445D;--control-border: #9685AA;--action: #D6B7F2;--on-action: #21152B;--link: #DCBDF7;--brand-coral: #EBA092;--focus: #E2C8FA;--font-ui: "Source Sans 3", system-ui, -apple-system, sans-serif;--font-reading: "Source Serif 4", Georgia, serif;--radius-card: 12px;--radius-control: 8px;--reading-width: 720px}[data-theme=light]{color-scheme:light;--canvas: #F7F5F0;--surface: #FFFFFF;--surface-subtle: #EFEAF2;--text: #221C2A;--text-muted: #635B6B;--border: #D8D0DF;--control-border: #82758F;--action: #4B315F;--on-action: #FFFFFF;--link: #654080;--brand-coral: #DB7868;--focus: #68418E}body{margin:0;background-color:var(--canvas);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.reading-body{max-inline-size:var(--reading-width);font-family:var(--font-reading);font-size:1.125rem;line-height:1.6;overflow-wrap:anywhere}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}