.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}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}