.notificationDropdown{position:relative}.notificationBell{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line,#e5e5e5);border-radius:50%;background:var(--surface,#fff);color:var(--ink,#000);cursor:pointer}.notificationDropdown .notificationBadge{position:absolute;z-index:2;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 6px;display:grid;place-items:center;border:2px solid var(--surface,#fff);border-radius:999px;background:var(--alert,#d92d20);color:#fff;font:700 11px/1 var(--sans,system-ui);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;animation:ntPop .35s cubic-bezier(.2,1.6,.4,1)}.notificationDropdown .notificationPulse{position:absolute;z-index:1;top:-7px;right:-7px;width:21px;height:21px;border-radius:50%;background:var(--alert,#d92d20);opacity:.4;pointer-events:none;animation:ntPulse 2.2s ease-out infinite}@keyframes ntPulse{0%{transform:scale(1);opacity:.4}80%,to{transform:scale(2.2);opacity:0}}.notificationDropdown .notificationBell.is-ringing svg{transform-origin:50% 3px;animation:ntRing 1.1s ease-in-out}@keyframes ntRing{0%{rotate:0deg}10%{rotate:16deg}20%{rotate:-14deg}30%{rotate:10deg}40%{rotate:-8deg}50%{rotate:5deg}60%{rotate:-3deg}to{rotate:0deg}}@media (prefers-reduced-motion:reduce){.notificationDropdown .notificationBell.is-ringing svg,.notificationDropdown .notificationPulse{animation:none}.notificationDropdown .notificationPulse{display:none}}.notificationDropdown .notificationBell.has-unread{border-color:var(--alert,#d92d20)}@keyframes ntPop{0%{transform:scale(.4)}to{transform:scale(1)}}.notificationPanel{position:fixed;z-index:80;top:64px;width:min(440px,calc(100vw - 24px));max-height:min(78vh,720px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface,#fff);color:var(--ink,#000);border:1px solid var(--line,#e5e5e5);border-radius:18px;box-shadow:0 22px 60px -20px rgba(0,0,0,.35);font-size:14px;transform-origin:calc(100% - 20px) 0;animation:ntTray .22s cubic-bezier(.2,.8,.2,1)}@keyframes ntTray{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}.ntHead{justify-content:space-between;padding:16px 18px 10px}.ntHead,.ntHead h2{display:flex;align-items:center;gap:10px}.ntHead h2{margin:0;font:400 24px Georgia,serif}.ntCount{font:700 12px var(--sans,system-ui);padding:2px 9px;border-radius:999px;background:var(--alert,#d92d20);color:#fff}.ntTools{display:flex;gap:4px}.ntTool{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted,#666);cursor:pointer;font-size:20px;line-height:1}.ntTool:hover{background:var(--soft,#f5f5f5);color:var(--ink,#000)}.ntTool.is-on{background:var(--mint,#d1ecdd);color:var(--mint-ink,#275d3c)}.ntBar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:4px 18px 10px;border-bottom:1px solid var(--line-2,#eee)}.ntTabs{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--soft,#f5f5f5)}.ntTabs button{border:0;background:transparent;padding:5px 12px;border-radius:999px;font:inherit;font-size:13px;color:var(--muted,#666);cursor:pointer}.ntTabs button.is-on{background:var(--surface,#fff);color:var(--ink,#000);box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:600}.ntBulk{display:flex;gap:4px}.ntBulk button{border:0;background:transparent;padding:6px 10px;border-radius:999px;font:inherit;font-size:13px;color:var(--ink2,#333);cursor:pointer}.ntBulk button:hover:not(:disabled){background:var(--soft,#f5f5f5)}.ntBulk button:disabled{opacity:.4;cursor:default}.ntList{overflow-y:auto;overscroll-behavior:contain;padding:4px 10px 12px;min-height:120px}.ntList ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ntGroup{margin:12px 8px 6px;font:500 11px var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#666)}.ntCard{border-radius:14px;animation:ntIn .3s cubic-bezier(.2,.8,.2,1) both;transition:background .2s}@keyframes ntIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ntCard:hover{background:var(--soft,#f5f5f5)}.ntCard.is-new{animation:ntIn .3s both,ntFlash 1.8s ease-out}@keyframes ntFlash{0%,35%{background:var(--butter,#fef3c7)}to{background:transparent}}.ntMain{display:flex;gap:12px;align-items:flex-start;padding:10px;text-decoration:none;color:inherit;min-width:0}.ntIcon{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--sky,#dbeafe);color:var(--sky-ink,#3f5f85)}.ntIcon.mail{background:var(--lilac,#e4dcf7);color:var(--lilac-ink,#514170)}.ntIcon.firm,.ntIcon.matter{background:var(--mint,#d1ecdd);color:var(--mint-ink,#275d3c)}.ntIcon.calendar{background:var(--butter,#fef3c7);color:var(--butter-ink,#6f5314)}.ntIcon.security,.ntIcon.support{background:var(--blush,#fde4e4);color:var(--blush-ink,#7f4a4a)}.ntText{display:grid;gap:2px;min-width:0;flex:1 1}.ntText strong{font-weight:600;overflow-wrap:anywhere}.ntBody{color:var(--ink2,#333);overflow-wrap:anywhere}.ntText time{color:var(--muted,#666);font-size:12px}.ntDot{flex:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--alert,#d92d20)}.ntCard.is-read .ntText strong{font-weight:500;color:var(--ink2,#333)}.ntCard.is-read .ntIcon{opacity:.6}.ntActions{display:flex;flex-wrap:wrap;gap:8px;padding:0 10px 10px 56px}.ntActions button,.ntMore{border:1px solid var(--line,#e5e5e5);background:var(--surface,#fff);color:var(--ink,#000);border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer}.ntActions button:hover:not(:disabled),.ntMore:hover{background:var(--soft,#f5f5f5)}.ntMore{margin:0 18px 14px}.ntList.is-clearing .ntCard{animation:ntOut .34s ease-in both}@keyframes ntOut{to{opacity:0;transform:translateX(40px)}}.ntEmpty{display:grid;justify-items:center;gap:6px;text-align:center;padding:36px 24px;color:var(--muted,#666)}.ntEmpty strong{color:var(--ink,#000);font:400 20px Georgia,serif}.ntError{margin:8px 18px 0;color:var(--alert,#d92d20)}.ntRespond{display:grid;gap:10px;padding:6px 18px 18px}.ntRespond h3{margin:0;font:400 20px Georgia,serif;text-transform:capitalize}.ntRespond p{margin:0}.ntRespond label{display:grid;gap:6px;color:var(--muted,#666);font-size:13px}.ntRespond textarea{min-height:90px;padding:10px 12px;border:1px solid var(--line,#e5e5e5);border-radius:12px;font:inherit;color:var(--ink,#000);background:var(--surface,#fff)}.ntRespond .ntActions{padding:0}.ntToasts{position:fixed;z-index:90;top:70px;right:16px;display:grid;gap:10px;width:min(360px,calc(100vw - 32px))}.ntToast{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line,#e5e5e5);border-radius:16px;background:var(--surface,#fff);color:var(--ink,#000);text-decoration:none;box-shadow:0 18px 44px -18px rgba(0,0,0,.4);animation:ntToast .38s cubic-bezier(.2,1.2,.4,1)}@keyframes ntToast{0%{opacity:0;transform:translateX(40px) scale(.96)}to{opacity:1;transform:none}}.ntToast button{border:0;background:transparent;font-size:20px;line-height:1;color:var(--muted,#666);cursor:pointer;padding:0 2px}@media (prefers-reduced-motion:reduce){.notificationBadge,.notificationPanel,.ntCard,.ntCard.is-new,.ntList.is-clearing .ntCard,.ntToast{animation:none}}@media (max-width:520px){.notificationPanel{right:12px;left:12px;width:auto;max-width:none}}.notificationDropdown button{box-sizing:border-box;margin:0;min-height:0;font:inherit;line-height:1.2}.notificationDropdown .notificationBell{padding:0;width:40px;height:40px;flex:none}.notificationDropdown .ntTool{padding:0;width:32px;height:32px}.notificationPanel{right:16px;left:auto;max-width:calc(100vw - 32px)}