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