.notif-bell,.notif-bell-wrap{position:relative;display:inline-flex}.notif-bell{width:32px;height:32px;align-items:center;justify-content:center;border-radius:999px;background:transparent;border:1px solid transparent;color:var(--ink-2);cursor:pointer;font-family:inherit;transition:background .14s var(--ease),border-color .14s var(--ease);flex-shrink:0;padding:0}.notif-bell--open,.notif-bell:hover{background:var(--bg-soft);border-color:var(--border-mid)}.notif-bell:focus-visible{outline:2px solid var(--ss-blue);outline-offset:2px}.notif-bell svg{width:18px;height:18px;display:block}.notif-bell__badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--ss-blue);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px #fff,0 4px 10px rgba(31,54,167,.35);pointer-events:none}.notif-bell__badge--urgent:after{content:"";position:absolute;inset:-3px;border-radius:999px;border:2px solid rgba(31,54,167,.55);animation:notif-pulse 1.6s ease-in-out infinite}@keyframes notif-pulse{0%{transform:scale(.9);opacity:.85}to{transform:scale(1.6);opacity:0}}@media (prefers-reduced-motion:reduce){.notif-bell__badge--urgent:after{animation:none}}.notif-popover{top:calc(100% + 8px);right:0;width:480px;max-height:min(640px,80vh);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(11,19,43,.1);border-radius:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 24px 48px -16px rgba(11,19,43,.22),inset 0 0 0 1px hsla(0,0%,100%,.2);display:flex;flex-direction:column;overflow:hidden;font-family:inherit;color:var(--ink-1);z-index:60}.notif-popover,.notif-popover:before{position:absolute;background:hsla(0,0%,100%,.94)}.notif-popover:before{content:"";top:-7px;right:16px;width:14px;height:14px;border-left:1px solid rgba(11,19,43,.1);border-top:1px solid rgba(11,19,43,.1);transform:rotate(45deg)}.notif-popover__head{padding:16px 20px 12px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:12px;flex-shrink:0}.notif-popover__title{font-size:15px;font-weight:700;color:var(--ink-1);letter-spacing:-.01em}.notif-popover__title-sub{font-size:12px;color:var(--ink-3);margin-top:1px}.notif-popover__head-spacer{flex:1}.notif-popover__head-btn{background:transparent;border:none;font-size:12px;color:var(--ss-blue);cursor:pointer;font-family:inherit;font-weight:500;padding:6px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.notif-popover__head-btn:hover{background:rgba(31,54,167,.06)}.notif-popover__head-btn:disabled{opacity:.4;cursor:not-allowed}.notif-popover__tabs{display:flex;gap:4px;padding:10px 20px 0;border-bottom:1px solid var(--border-soft);flex-shrink:0}.notif-popover__tab{background:transparent;border:none;font-size:12px;font-weight:600;color:var(--ink-3);padding:8px 4px 10px;cursor:pointer;position:relative;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.notif-popover__tab+.notif-popover__tab{margin-left:12px}.notif-popover__tab:hover{color:var(--ink-1)}.notif-popover__tab--active{color:var(--ss-blue)}.notif-popover__tab--active:after{content:"";position:absolute;left:4px;right:4px;bottom:-1px;height:2px;background:var(--ss-blue);border-radius:2px}.notif-popover__tab-count{font-weight:600;font-size:10px;background:var(--bg-soft);color:var(--ink-3);padding:1px 6px;border-radius:999px}.notif-popover__tab--active .notif-popover__tab-count{background:var(--ss-light);color:var(--ss-blue)}.notif-popover__feed{flex:1;overflow-y:auto;padding:4px 0 6px}.notif-popover__day-rail{padding:12px 20px 8px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:10px}.notif-popover__day-rail:after{content:"";flex:1;height:1px;background:var(--border-soft)}.notif-popover__empty{padding:36px 20px;text-align:center;display:flex;flex-direction:column;gap:4px}.notif-popover__empty-title{font-size:13px;font-weight:700;color:var(--ink-2)}.notif-popover__empty-sub{font-size:12px;color:var(--ink-3)}.notif-popover__error{padding:16px;font-size:12px;color:var(--ss-red);text-align:center}.notif-popover__skeleton{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:12px 20px}.notif-popover__skeleton>div{background:var(--border-soft);border-radius:4px;animation:notif-skeleton 1.2s ease-in-out infinite}.notif-popover__skeleton-avatar{width:24px;height:24px;border-radius:50%}.notif-popover__skeleton-lines{display:flex;flex-direction:column;gap:6px}.notif-popover__skeleton-line{height:10px}.notif-popover__skeleton-line--short{width:60%}@keyframes notif-skeleton{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.notif-popover__skeleton>div{animation:none;opacity:.7}}.notif-popover__footer{padding:10px 20px 12px;border-top:1px solid var(--border-soft);font-size:12px;color:var(--ink-3);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.notif-popover__footer a{color:var(--ss-blue);text-decoration:none;font-weight:500}.notif-popover__footer a:hover{text-decoration:underline}.notif-row{position:relative;display:grid;grid-template-columns:24px 1fr;gap:10px;padding:8px 20px 10px;cursor:pointer;background:transparent;border:none;font-family:inherit;text-align:left;color:inherit;width:100%}.notif-row:focus-visible{outline:2px solid var(--ss-blue);outline-offset:-2px}.notif-row__avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;align-self:flex-start;margin-top:4px}.notif-row__card{background:hsla(0,0%,100%,.55);border:1px solid var(--border-soft);border-radius:12px;padding:12px 14px;position:relative;overflow:hidden;transition:background .12s var(--ease),border-color .12s var(--ease)}.notif-row:hover .notif-row__card{background:#fff;border-color:var(--border-mid)}.notif-row__card--unread{background:#fff;border-color:rgba(31,54,167,.12);box-shadow:0 2px 8px rgba(31,54,167,.06)}.notif-row__card--unread:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:var(--ss-blue);border-radius:999px}.notif-row__card--unread.notif-row__card--urgent:before{background:var(--ss-red)}.notif-row__card-head{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.notif-row__actor{font-weight:700;color:var(--ink-1);font-size:13px}.notif-row__verb{color:var(--ink-3);font-size:13px}.notif-row__time{margin-left:auto;font-size:11px;color:var(--ink-4);white-space:nowrap}.notif-row__body{font-size:12px;color:var(--ink-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-row__code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:var(--ss-light);color:var(--ss-blue);padding:1px 6px;border-radius:4px}.notif-row__actions{display:flex;gap:6px;margin-top:6px;opacity:0;pointer-events:none;max-height:0;overflow:hidden;transition:opacity .14s var(--ease),max-height .14s var(--ease),margin-top .14s var(--ease)}.notif-row:focus-within .notif-row__actions,.notif-row:hover .notif-row__actions{opacity:1;pointer-events:auto;max-height:40px;margin-top:8px}@media (prefers-reduced-motion:reduce){.notif-row__actions{transition:none}}.notif-row__btn{font-size:11px;font-weight:600;padding:5px 10px;border-radius:6px;cursor:pointer;font-family:inherit;border:1px solid var(--border-mid);background:#fff;color:var(--ink-2);transition:background .12s var(--ease),border-color .12s var(--ease)}.notif-row__btn:hover{background:var(--bg-soft);border-color:var(--ink-4)}.notif-row__btn--primary{background:var(--ss-blue);border-color:var(--ss-blue);color:#fff}.notif-row__btn--primary:hover{background:var(--ss-navy);border-color:var(--ss-navy)}.notif-row__btn--ghost{border-color:transparent;color:var(--ink-3)}.notif-row__btn--ghost:hover{color:var(--ink-1);background:var(--bg-soft)}.notif-row__btn:disabled{opacity:.4;cursor:not-allowed}.notif-row__btn--icon{display:inline-flex;align-items:center;gap:4px;padding:5px 8px}.notif-row__btn--icon svg{display:block}.notif-toaster{position:fixed;top:calc(var(--shell-topbar-h) + 16px);right:16px;display:flex;flex-direction:column;gap:12px;z-index:1000;pointer-events:none;max-width:calc(100vw - 32px)}.notif-toast{pointer-events:auto;width:380px;max-width:100%;background:hsla(0,0%,100%,.96);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(11,19,43,.08);border-radius:14px;box-shadow:0 24px 48px -16px rgba(11,19,43,.22);overflow:hidden;display:grid;grid-template-columns:4px 1fr;font-family:inherit;animation:notif-toast-in .22s var(--ease)}@keyframes notif-toast-in{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.notif-toast{animation:none}}.notif-toast__rail{width:4px}.notif-toast--urgent .notif-toast__rail{background:var(--ss-red)}.notif-toast--normal .notif-toast__rail{background:var(--ss-blue)}.notif-toast--low .notif-toast__rail{background:var(--ss-cyan)}.notif-toast__body{padding:14px 16px;cursor:pointer}.notif-toast__head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.notif-toast__avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.notif-toast__title{font-size:13px;font-weight:600;color:var(--ink-1)}.notif-toast__title strong{font-weight:700}.notif-toast__time{margin-left:auto;font-size:11px;color:var(--ink-3)}.notif-toast__msg{font-size:12px;color:var(--ink-2);line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-toast__actions{display:flex;gap:6px;align-items:center}.notif-toast__btn{font-size:11px;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;font-family:inherit;border:1px solid var(--border-mid);background:#fff;color:var(--ink-2)}.notif-toast__btn:hover{background:var(--bg-soft)}.notif-toast__btn--primary{background:var(--ss-blue);color:#fff;border-color:var(--ss-blue)}.notif-toast__btn--primary:hover{background:var(--ss-navy);border-color:var(--ss-navy)}.notif-toast__close{margin-left:auto;background:none;border:none;color:var(--ink-3);font-size:16px;cursor:pointer;padding:4px 6px;line-height:1}.notif-toast__close:hover{color:var(--ink-1)}.notif-page{max-width:920px;margin:32px auto;padding:0 24px 80px}.notif-page__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.notif-page__title{font-size:22px;font-weight:700;color:var(--ink-1);letter-spacing:-.01em}.notif-page__tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:18px}.notif-page__tab{font-size:12px;font-weight:500;padding:6px 12px;border-radius:999px;background:transparent;border:1px solid var(--border-mid);color:var(--ink-2);cursor:pointer;font-family:inherit;transition:background .12s var(--ease),color .12s var(--ease),border-color .12s var(--ease)}.notif-page__tab:hover{background:var(--bg-soft)}.notif-page__tab--active{background:var(--ss-light);border-color:var(--ss-light);color:var(--ss-blue);font-weight:600}.notif-page__group-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:12px 0 6px;font-weight:700}.notif-page__list{background:#fff;border:1px solid var(--border-soft);border-radius:12px;overflow:hidden;margin-bottom:12px}.notif-page__row{position:relative;display:grid;grid-template-columns:32px 1fr auto;gap:12px;padding:14px 16px;cursor:pointer;background:transparent;border:none;border-bottom:1px solid var(--border-soft);width:100%;text-align:left;font-family:inherit;color:inherit;transition:background .12s var(--ease)}.notif-page__row:hover{background:var(--bg-soft)}.notif-page__row:last-child{border-bottom:none}.notif-page__row--unread{background:rgba(31,54,167,.03)}.notif-page__row--unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ss-blue)}.notif-page__row--unread.notif-page__row--urgent:before{background:var(--ss-red)}.notif-page__avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0;align-self:flex-start}.notif-page__row-body{min-width:0}.notif-page__row-title{font-size:14px;font-weight:600;color:var(--ink-1)}.notif-page__row--unread .notif-page__row-title{font-weight:700}.notif-page__row-msg{font-size:12px;color:var(--ink-3);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-page__row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:11px;color:var(--ink-3);flex-shrink:0}.notif-page__type-chip{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;letter-spacing:.02em;text-transform:uppercase}.notif-page__type-chip--task{background:var(--ss-light);color:var(--ss-blue)}.notif-page__type-chip--run{background:rgba(255,141,91,.16);color:var(--ss-orange)}.notif-page__type-chip--bleepis{background:rgba(108,219,220,.2);color:var(--ss-navy)}.notif-page__type-chip--mention{background:var(--ss-light);color:var(--ss-blue)}.notif-page__type-chip--system{background:var(--bg-soft);color:var(--ink-3)}.notif-page__loadmore{text-align:center;padding:16px}.notif-page__loadmore button{font-size:13px;color:var(--ss-blue);background:transparent;border:1px solid var(--border-mid);border-radius:999px;padding:6px 18px;cursor:pointer;font-family:inherit}.notif-page__loadmore button:hover{background:var(--bg-soft)}.notif-page__loadmore button:disabled{opacity:.5;cursor:not-allowed}.notif-page__empty{background:#fff;border:1px solid var(--border-soft);border-radius:12px;padding:64px 24px;text-align:center;color:var(--ink-3)}.notif-page__empty-icon{width:48px;height:48px;margin:0 auto 12px;color:var(--ss-blue);opacity:.55}.notif-page__empty-title{font-size:16px;font-weight:700;color:var(--ink-1)}.notif-page__empty-msg{font-size:13px;margin-top:6px}.notif-prefs-backdrop{position:fixed;inset:0;background:rgba(11,19,43,.32);z-index:80;animation:notif-prefs-fade-in .16s var(--ease)}@keyframes notif-prefs-fade-in{0%{opacity:0}to{opacity:1}}.notif-prefs-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100vw;background:#fff;box-shadow:0 18px 40px rgba(11,19,43,.2);z-index:81;display:flex;flex-direction:column;animation:notif-prefs-slide-in .22s var(--ease)}@keyframes notif-prefs-slide-in{0%{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}@media (prefers-reduced-motion:reduce){.notif-prefs-backdrop,.notif-prefs-drawer{animation:none}}.notif-prefs-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.notif-prefs-drawer__title{font-size:15px;font-weight:700;color:var(--ink-1)}.notif-prefs-drawer__close{background:none;border:none;font-size:18px;color:var(--ink-3);cursor:pointer;padding:4px 8px;border-radius:6px;font-family:inherit;line-height:1}.notif-prefs-drawer__close:hover{background:var(--bg-soft);color:var(--ink-1)}.notif-prefs-drawer__body{flex:1;overflow-y:auto;padding:12px 20px 24px}.notif-prefs-drawer__hint{font-size:12px;color:var(--ink-3);padding:8px 0 12px;border-bottom:1px solid var(--border-soft);margin-bottom:8px}.notif-prefs-row{padding:12px 0;border-bottom:1px solid var(--border-soft)}.notif-prefs-row:last-child{border-bottom:none}.notif-prefs-row__name{font-size:13px;font-weight:600;color:var(--ink-1);margin-bottom:8px}.notif-prefs-row__toggles{display:flex;gap:16px}.notif-prefs-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2);cursor:pointer;user-select:none}.notif-prefs-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:3px;border:1.5px solid var(--border-mid);background:#fff;cursor:pointer;position:relative;flex-shrink:0;margin:0}.notif-prefs-toggle input[type=checkbox]:checked{background:var(--ss-blue);border-color:var(--ss-blue)}.notif-prefs-toggle input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.ping-trigger{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--ink-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s var(--ease),color .12s var(--ease);font-family:inherit}.ping-trigger:hover{background:var(--bg-soft);color:var(--ss-blue)}.ping-trigger:focus-visible{outline:2px solid var(--ss-blue);outline-offset:1px}.ping-trigger svg{width:14px;height:14px}.ping-trigger:disabled{opacity:.5;cursor:not-allowed}.ping-popover{position:fixed;z-index:200;width:320px;background:#fff;border:1px solid var(--border-mid);border-radius:12px;box-shadow:0 18px 40px rgba(11,19,43,.16);padding:14px 16px 12px;animation:notif-prefs-slide-in .14s var(--ease)}.ping-popover__head{font-size:13px;font-weight:600;color:var(--ink-1)}.ping-popover__sub{font-size:11px;color:var(--ink-3);margin-top:2px}.ping-popover__textarea{display:block;width:100%;min-height:64px;margin-top:10px;padding:8px 10px;border-radius:8px;border:1px solid var(--border-mid);font-family:inherit;font-size:12px;color:var(--ink-1);resize:vertical;box-sizing:border-box;outline:none;transition:border-color .12s var(--ease)}.ping-popover__textarea:focus{border-color:var(--ss-blue)}.ping-popover__counter{font-size:10px;color:var(--ink-3);text-align:right;margin-top:4px}.ping-popover__counter--over{color:var(--ss-red);font-weight:600}.ping-popover__error{font-size:11px;color:var(--ss-red);margin-top:6px}.ping-popover__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.ping-popover__btn{font-size:12px;font-weight:600;padding:6px 14px;border-radius:8px;border:none;cursor:pointer;font-family:inherit;transition:background .12s var(--ease)}.ping-popover__btn--ghost{background:transparent;color:var(--ink-2);border:1px solid var(--border-mid)}.ping-popover__btn--ghost:hover{background:var(--bg-soft)}.ping-popover__btn--primary{background:var(--ss-blue);color:#fff}.ping-popover__btn--primary:hover{background:var(--ss-navy)}.ping-popover__btn:disabled{opacity:.5;cursor:not-allowed}.task-row--focused{position:relative;z-index:1;animation:task-row-focus 3.2s var(--ease) forwards}@keyframes task-row-focus{0%{background:rgba(31,54,167,.18);box-shadow:inset 0 0 0 2px var(--ss-blue),0 0 0 4px rgba(31,54,167,.12)}60%{background:rgba(31,54,167,.08);box-shadow:inset 0 0 0 2px rgba(31,54,167,.45),0 0 0 4px transparent}to{background:transparent;box-shadow:inset 0 0 0 0 transparent,0 0 0 0 transparent}}@media (prefers-reduced-motion:reduce){.task-row--focused{animation:none;box-shadow:inset 0 0 0 2px var(--ss-blue)}}