.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:light;--canvas: #F7F5F0;--surface: #FFFFFF;--surface-muted: #EFEAE2;--surface-subtle: #EFEAE2;--ink: #221C2A;--muted: #635B63;--accent: #B94725;--on-accent: #FFFFFF;--accent-hover: #96381D;--accent-soft: #F8DED3;--decorative-coral: #E88461;--rule: #D8D0C7;--control-border: #82766D;--focus: #654080;--danger: #B42318;--success: #216343;--text: var(--ink);--text-muted: var(--muted);--border: var(--rule);--action: var(--accent);--on-action: var(--on-accent);--link: var(--accent);--brand-coral: var(--decorative-coral);--font-head: "Newsreader", Georgia, serif;--font-read: "Source Serif 4", Georgia, serif;--font-reading: "Source Serif 4", Georgia, serif;--font-ui: "Source Sans 3", system-ui, -apple-system, sans-serif;--radius-card: 8px;--radius-control: 6px;--reading-width: 680px}[data-theme=dark],.chakra-ui-dark{color-scheme:dark;--canvas: #15121B;--surface: #211B2A;--surface-muted: #2C2435;--surface-subtle: #2C2435;--ink: #F7F3FA;--muted: #BEB4C9;--accent: #F3A58B;--on-accent: #221C2A;--accent-hover: #EAA086;--accent-soft: rgba(243, 165, 139, .2);--decorative-coral: #EBA092;--rule: #4F445D;--control-border: #9685AA;--focus: #E2C8FA;--danger: #FFADB8;--success: #94DCB3;--text: var(--ink);--text-muted: var(--muted);--border: var(--rule);--action: var(--accent);--on-action: var(--on-accent);--link: var(--accent);--brand-coral: var(--decorative-coral)}body{margin:0;background-color:var(--canvas);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.headline{font-family:var(--font-head);font-weight:700;font-optical-sizing:auto;letter-spacing:-.025em;line-height:1.08;overflow-wrap:anywhere}.article-title{font-family:var(--font-head);font-weight:700;font-size:clamp(2.125rem,5vw,3.25rem);line-height:1.08;letter-spacing:-.025em}.reading-body{max-inline-size:var(--reading-width);font-family:var(--font-read);font-size:1.125rem;line-height:1.65;overflow-wrap:anywhere}@media (min-width: 768px){.reading-body{font-size:1.25rem}}.reading-body>p:first-of-type:first-letter{font-family:var(--font-head);font-size:3.6rem;float:left;line-height:.82;margin-right:.65rem;margin-top:.15rem;color:var(--accent);font-weight:700}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}