:root{--ivory: #f7f5f1;--ivory-inset: #edeae3;--parchment: #fefdfb;--parchment-clean: #ffffff;--cocoa: #2a2016;--cocoa-medium: #5d5449;--cocoa-light: #8c847b;--cocoa-faint: #b8b1a9;--jade: #11ba81;--jade-deep: #0b7451;--jade-soft: #6cd9b5;--jade-wash: #e8f5ee;--aubergine: #58355e;--aubergine-light: #a56fae;--aubergine-wash: #f0e6f2;--amber: #ffb020;--amber-soft: #ffd28a;--amber-wash: #fff3db;--border: rgba(42, 32, 22, .08);--border-subtle: rgba(42, 32, 22, .05);--border-emphasis: rgba(42, 32, 22, .14);--border-strong: rgba(42, 32, 22, .22);--shadow-subtle: 0 1px 2px rgba(42, 32, 22, .03);--shadow-card: 0 1px 3px rgba(42, 32, 22, .04);--shadow-raised: 0 2px 6px rgba(42, 32, 22, .06);--shadow-dropdown: 0 4px 12px rgba(42, 32, 22, .08), 0 1px 3px rgba(42, 32, 22, .04);--shadow-modal: 0 8px 24px rgba(42, 32, 22, .1), 0 2px 8px rgba(42, 32, 22, .05);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s}:root[data-theme-mode=dark],:root[data-color-mode=dark]{--ivory: #15120f;--ivory-inset: #241d17;--parchment: #211a14;--parchment-clean: #2b241d;--cocoa: #fef7ed;--cocoa-medium: #d6ccc0;--cocoa-light: #b7aa9a;--cocoa-faint: #8d8174;--border: rgba(254, 247, 237, .14);--border-subtle: rgba(254, 247, 237, .08);--border-emphasis: rgba(254, 247, 237, .22);--border-strong: rgba(254, 247, 237, .32);--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .18);--shadow-card: 0 2px 6px rgba(0, 0, 0, .28);--shadow-raised: 0 4px 12px rgba(0, 0, 0, .32);--shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .24);--shadow-modal: 0 16px 40px rgba(0, 0, 0, .45), 0 4px 12px rgba(0, 0, 0, .28)}body{overflow-x:hidden;background-color:var(--ivory);color:var(--cocoa-medium);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}body{margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:JetBrains Mono,Fira Code,Consolas,Courier New,monospace}.unofeed-skeleton{--unofeed-skeleton-base: #e0e0e0;--unofeed-skeleton-highlight: #f0f0f0;display:block;position:relative;overflow:hidden;background-color:var(--unofeed-skeleton-base)}.unofeed-skeleton-shimmer{background-image:linear-gradient(90deg,var(--unofeed-skeleton-base) 25%,var(--unofeed-skeleton-highlight) 50%,var(--unofeed-skeleton-base) 75%);background-size:200% 100%;animation:unofeed-skeleton-shimmer 1.5s ease-in-out infinite;will-change:background-position;transform:translateZ(0)}@keyframes unofeed-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.unofeed-skeleton-shimmer{animation:none;background-image:none}}.notification-read,.notification-unread{border-radius:8px!important;padding:8px 12px;margin-bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.notification-read,.notification-unread:hover,.notification-read-highlight{cursor:pointer;border:1px solid rgba(42,32,22,.08)!important}.notification-unread,.notification-unread-highlight{background:#11ba8114!important;cursor:pointer;border:1px solid rgba(17,186,129,.22)!important;box-shadow:0 2px 8px #11ba8114!important}html[data-theme-mode=dark] .notification-read-highlight,html[data-theme-mode=dark] .notification-unread-highlight{border:1px solid rgba(254,247,237,.14)!important;box-shadow:0 8px 24px #0000002e!important}html[data-theme-mode=dark] .notification-unread,html[data-theme-mode=dark] .notification-unread-highlight{background:#11ba811f!important;border:1px solid rgba(17,186,129,.22)!important;box-shadow:0 10px 28px #0003!important}html[data-theme-mode=dark] .notification-read,html[data-theme-mode=dark] .notification-read-highlight{background:#2b241deb!important}.notification-read:hover,.notification-unread:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #0000001a!important}.notification-unread:hover{box-shadow:0 4px 12px #11ba8126!important}html[data-theme-mode=dark] .notification-read:hover,html[data-theme-mode=dark] .notification-unread:hover,html[data-theme-mode=dark] .notification-read-highlight:hover,html[data-theme-mode=dark] .notification-unread-highlight:hover{box-shadow:0 12px 32px #00000047!important}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.notification-read-highlight:hover,.notification-unread-highlight:hover{animation:pulse .6s ease-in-out}.notification-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%)!important;background-size:200px 100%!important;animation:shimmer 1.5s infinite!important}html[data-theme-mode=dark] .notification-loading{background:linear-gradient(90deg,#241d17 25%,#2b241d,#241d17 75%)!important}@media(max-width:768px){.notification-read,.notification-unread{padding:6px 8px!important;margin-bottom:4px!important}.notification-read:hover,.notification-unread:hover{transform:none!important}}.notification-read:focus-visible,.notification-unread:focus-visible{outline:2px solid #11ba81!important;outline-offset:2px!important}@media(prefers-contrast:high){.notification-read,.notification-unread{border:2px solid currentColor!important}.notification-unread{background:#fff!important;border-color:#000!important}}@media(prefers-reduced-motion:reduce){.notification-read,.notification-unread{transition:none!important;animation:none!important}.notification-read:hover,.notification-unread:hover{transform:none!important}}