.notification-bell{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;color:var(--hub-secondary-text, #635B63);font-size:20px;display:flex;align-items:center;justify-content:center}.notification-bell:hover{background-color:#b9472514;color:var(--hub-primary-text, #251E2D);transform:scale(1.05)}.notification-bell.has-unread{color:var(--hub-accent, #B94725);animation:pulse 2s infinite}.notification-bell.has-unread:hover{background-color:#b9472514;animation:none}.unread-count{position:absolute;top:-2px;right:-2px;background-color:var(--hub-accent, #B94725);color:#fff;font-size:10px;font-weight:700;padding:2px 4px;border-radius:10px;min-width:16px;text-align:center;line-height:1;font-family:inherit}@keyframes pulse{0%{box-shadow:0 0 #b9472566}70%{box-shadow:0 0 0 6px #b9472500}to{box-shadow:0 0 #b9472500}}@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: #F7F4EE;--surface: #FFFFFF;--surface-muted: #EFEAE2;--surface-subtle: #EFEAE2;--ink: #251E2D;--muted: #625B66;--accent: #A83D20;--on-accent: #FFFFFF;--accent-hover: #8F321B;--accent-soft: #FAEAE3;--decorative-coral: #E88461;--rule: #DDD6CD;--control-border: #817887;--focus: #5C3B87;--danger: #B3261E;--success: #246447;--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: "Source Serif 4", 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: 12px;--radius-control: 8px;--reading-width: 700px}[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: #251E2D;--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.12;overflow-wrap:anywhere}.article-title{font-family:var(--font-head);font-weight:700;font-size:clamp(1.875rem,5vw,3rem);line-height:1.12;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}.reading-body p{margin-block-end:1em}.reading-body>p:empty,.reading-body>p:has(>br:only-child){display:none}@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}