.goopss-notifications{--nf-bg:#f2efe4;--nf-ink:#0a0a0a;--nf-paper:#fff;--nf-yellow:#f9cc2d;--nf-coral:#f47352;--nf-green:#8fde6a;--nf-blue:#6fb9e8;--nf-pink:#f7b5d5;--nf-purple:#b8a5f2;--nf-shadow:8px 8px 0 #0a0a0a;--nf-shadow-sm:4px 4px 0 #0a0a0a;--nf-border:2.5px solid var(--nf-ink);font-family:var(--font-space-grotesk),system-ui,sans-serif;color:var(--nf-ink)}.goopss-notifications button{cursor:pointer;font-family:inherit}.goopss-notifications .nf-trigger-wrap{display:inline-flex;position:relative}.goopss-notifications .nf-trigger{background:var(--nf-paper);border:var(--nf-border);width:44px;height:44px;box-shadow:var(--nf-shadow-sm);color:var(--nf-ink);justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex;position:relative}.goopss-notifications .nf-trigger:hover{background:var(--nf-yellow);box-shadow:6px 6px 0 var(--nf-ink);transform:translate(-1px,-1px)}.goopss-notifications .nf-trigger:focus-visible{outline:2px solid var(--nf-blue);outline-offset:2px}.goopss-notifications .nf-trigger.is-refetching:after{content:"";background:var(--nf-coral);border:2px solid var(--nf-ink);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.goopss-notifications .nf-badge{min-width:20px;height:20px;font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.02em;background:var(--nf-coral);color:var(--nf-paper);border:2px solid var(--nf-ink);box-shadow:2px 2px 0 var(--nf-ink);z-index:1;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:-6px;right:-6px}.goopss-notifications.goopss-notifications--rtl .nf-badge{left:-6px;right:auto}.goopss-notifications-drawer.ant-drawer .ant-drawer-content{background:var(--nf-bg)}.goopss-notifications-drawer.ant-drawer .ant-drawer-body{font-family:var(--font-space-grotesk),system-ui,sans-serif;color:var(--nf-ink);padding:24px}.goopss-notifications .nf-drawer-toolbar{border-bottom:var(--nf-border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.goopss-notifications .nf-back-btn{background:var(--nf-paper);border:var(--nf-border);box-shadow:var(--nf-shadow-sm);font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--nf-ink);align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.goopss-notifications .nf-back-btn:hover{background:var(--nf-yellow);box-shadow:6px 6px 0 var(--nf-ink);transform:translate(-1px,-1px)}.goopss-notifications .nf-icon-btn{background:var(--nf-paper);border:var(--nf-border);width:40px;height:40px;box-shadow:var(--nf-shadow-sm);color:var(--nf-ink);justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.goopss-notifications .nf-icon-btn:hover:not(:disabled){background:var(--nf-blue);box-shadow:6px 6px 0 var(--nf-ink);transform:translate(-1px,-1px)}.goopss-notifications .nf-icon-btn:disabled{opacity:.55;cursor:wait}.goopss-notifications .nf-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.goopss-notifications .nf-list-title{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:clamp(24px,3vw,32px);font-weight:900;line-height:1}.goopss-notifications .nf-mark-all-btn{background:var(--nf-paper);border:var(--nf-border);box-shadow:var(--nf-shadow-sm);font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--nf-ink);align-items:center;gap:8px;padding:10px 14px;font-size:10px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.goopss-notifications .nf-mark-all-btn:hover:not(:disabled){background:var(--nf-green);box-shadow:6px 6px 0 var(--nf-ink);transform:translate(-1px,-1px)}.goopss-notifications .nf-mark-all-btn:disabled{opacity:.55;cursor:wait}.goopss-notifications .nf-list{flex-direction:column;gap:12px;display:flex}.goopss-notifications .nf-skeleton{background:var(--nf-paper);border:var(--nf-border);height:88px;box-shadow:var(--nf-shadow-sm);animation:1.2s ease-in-out infinite nf-pulse}@keyframes nf-pulse{0%,to{opacity:1}50%{opacity:.55}}.goopss-notifications .nf-card{background:var(--nf-paper);border:var(--nf-border);box-shadow:var(--nf-shadow-sm);cursor:pointer;align-items:center;gap:14px;padding:16px;transition:transform .1s,box-shadow .1s,background .1s;display:flex}.goopss-notifications .nf-card:hover{box-shadow:6px 6px 0 var(--nf-ink);transform:translate(-2px,-2px)}.goopss-notifications .nf-card.is-unread{background:var(--nf-yellow)}.goopss-notifications .nf-card-icon{border:2px solid var(--nf-ink);width:44px;height:44px;box-shadow:2px 2px 0 var(--nf-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.goopss-notifications .nf-card-icon--design{background:var(--nf-pink)}.goopss-notifications .nf-card-icon--optimization{background:var(--nf-green)}.goopss-notifications .nf-card-icon--plan{background:var(--nf-blue)}.goopss-notifications .nf-card-icon--default{background:var(--nf-purple)}.goopss-notifications .nf-card-body{flex:1;min-width:0}.goopss-notifications .nf-card-message{word-break:break-word;margin:0;font-size:15px;font-weight:600;line-height:1.35}.goopss-notifications .nf-card-time{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;opacity:.55;margin:6px 0 0;font-size:11px}.goopss-notifications .nf-card-arrow{background:var(--nf-bg);border:2px solid var(--nf-ink);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;line-height:1;display:flex}.goopss-notifications .nf-empty{text-align:center;background:var(--nf-paper);border:var(--nf-border);box-shadow:var(--nf-shadow-sm);padding:32px 20px}.goopss-notifications .nf-empty-title{font-family:var(--font-archivo),system-ui,sans-serif;text-transform:uppercase;margin:0 0 8px;font-size:20px;font-weight:900}.goopss-notifications .nf-empty-sub{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.06em;opacity:.65;margin:0;font-size:12px}.notification-settings-page{--ns-bg:#f2efe4;--ns-ink:#0a0a0a;--ns-paper:#fff;--ns-yellow:#f9cc2d;--ns-coral:#f47352;--ns-green:#8fde6a;--ns-blue:#6fb9e8;--ns-pink:#f7b5d5;--ns-purple:#b8a5f2;--ns-shadow:8px 8px 0 #0a0a0a;--ns-shadow-sm:4px 4px 0 #0a0a0a;--ns-border:2.5px solid var(--ns-ink);color:var(--ns-ink);font-family:var(--font-space-grotesk),system-ui,sans-serif;-webkit-font-smoothing:antialiased;position:relative}.notification-settings-page .ns-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0a0a0a0f 1px,#0000 1px),linear-gradient(#0a0a0a0f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.notification-settings-page .ns-main{z-index:1;flex-direction:column;gap:28px;min-width:0;display:flex;position:relative}.notification-settings-page .ns-hero-tag{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.14em;background:var(--ns-ink);color:var(--ns-paper);align-self:flex-start;padding:6px 12px;font-size:11px}.notification-settings-page .ns-hero-title{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(32px,4vw,56px);font-weight:900;line-height:.95}.notification-settings-page .ns-hero-sub{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;opacity:.85;max-width:720px;margin:0;font-size:14px;line-height:1.5}.notification-settings-page .ns-panel{background:var(--ns-paper);border:var(--ns-border);box-shadow:var(--ns-shadow);padding:20px 22px}.notification-settings-page .ns-group{flex-direction:column;gap:0;display:flex}.notification-settings-page .ns-group>div+div{border-top:2px solid #0a0a0a1a;margin-top:4px;padding-top:4px}.notification-settings-page .ns-row{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.notification-settings-page .ns-row+.ns-row{border-top:2px solid #0a0a0a14}.notification-settings-page .ns-row-title{margin:0 0 4px;font-size:17px;font-weight:700;line-height:1.25}.notification-settings-page .ns-row-desc{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.03em;opacity:.65;margin:0;font-size:12px;line-height:1.45}.notification-settings-page .ns-children{border-top:2px dashed #0a0a0a1f;margin-top:4px;padding-top:4px}.notification-settings-page .ns-child-row{border-top:1px solid #0a0a0a0f;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0 12px 16px;display:flex}.notification-settings-page .ns-child-title{margin:0 0 2px;font-size:15px;font-weight:600}.notification-settings-page .ns-child-desc{font-family:var(--font-jetbrains-mono),monospace;opacity:.6;margin:0;font-size:11px}.notification-settings-page .ns-switch.ant-switch{border:2px solid var(--ns-ink);min-width:48px;height:26px;box-shadow:2px 2px 0 var(--ns-ink);border-radius:0;background:var(--ns-bg)!important}.notification-settings-page .ns-switch.ant-switch-checked{background:var(--ns-green)!important}.notification-settings-page .ns-switch .ant-switch-handle:before{border:2px solid var(--ns-ink);box-shadow:1px 1px 0 var(--ns-ink);border-radius:0}.notification-settings-page .ns-loading{justify-content:center;align-items:center;min-height:320px;display:flex}.notification-settings-page.ns-rtl .ns-hero-tag{align-self:flex-end}@media (max-width:767px){.goopss-notifications-drawer.ant-drawer .ant-drawer-body,.notification-settings-page .ns-panel{padding:16px}}@media (prefers-reduced-motion:reduce){.goopss-notifications .nf-trigger,.goopss-notifications .nf-card,.goopss-notifications .nf-back-btn,.goopss-notifications .nf-icon-btn,.goopss-notifications .nf-mark-all-btn{transition:none}.goopss-notifications .nf-skeleton{animation:none}}
