header .actions .notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:14px;background:#222428;color:#f5f5f5;transition:background .16s,border-color .16s,transform .16s}
header .actions .notification-bell:hover{background:#ff762e15;border-color:#ff762e70;color:var(--orange)}
header .actions .notification-bell:active{transform:scale(.94)}
.notification-bell:focus-visible,.notification-inbox button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.notification-badge{position:absolute;top:-6px;right:-6px;min-width:19px;padding:2px 5px;border:2px solid var(--bg);border-radius:999px;background:var(--orange);color:#111;font-size:.75rem;line-height:1;font-weight:800;letter-spacing:0}
.notification-badge[hidden]{display:none}
body.notification-inbox-open{overflow:hidden}
.notification-inbox{position:fixed;inset:18px 18px 18px auto;margin:0;max-width:calc(100vw - 36px);width:440px;max-height:calc(100dvh - 36px);height:calc(100dvh - 36px);padding:0;border:1px solid #ffffff16;border-radius:24px;background:#1b1d20;color:#f5f5f5;box-shadow:0 20px 80px #0009;overflow:hidden}
.notification-inbox[open]{display:flex;flex-direction:column;animation:notification-panel-in .28s cubic-bezier(.2,.8,.2,1) both}
.notification-inbox::backdrop{background:#0008;backdrop-filter:blur(5px);animation:notification-backdrop-in .25s ease-out both}
.notification-inbox.is-closing{animation:notification-panel-out .18s ease-in both}
.notification-inbox.is-closing::backdrop{animation:notification-backdrop-in .18s ease-in reverse both}
.notification-inbox-grip{display:none}
.notification-inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 24px 12px;flex-shrink:0}
.notification-inbox-heading h2{margin:0;font-size:1.5rem;line-height:1.3;letter-spacing:-.025em}
.notification-inbox-heading p{margin:7px 0 0;color:var(--muted);font-size:.875rem}
.notification-inbox-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:#ffffff05;color:var(--muted)}
.notification-inbox-close:hover{color:white;background:#ffffff0c}
.notification-inbox-toolbar{min-height:40px;display:flex;justify-content:flex-end;align-items:center;padding:0 24px 12px;border-bottom:1px solid var(--line);flex-shrink:0}
.notification-inbox-toolbar .link{padding:4px 0;font-size:.875rem}
.notification-inbox-toolbar [hidden]{display:none}
.notification-inbox-list{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:12px 12px max(16px,env(safe-area-inset-bottom));scrollbar-width:thin}
.notification-item{display:flex;align-items:flex-start;gap:14px;width:100%;border:0;border-radius:16px;padding:18px 12px;margin:0 0 5px;background:transparent;color:#f5f5f5;text-align:left;transition:background .16s}
.notification-item.is-unread{background:#ff762e09}
.notification-item:hover{background:#ffffff07}
.notification-item-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #ff762e25;border-radius:12px;background:#ff762e12;color:var(--orange)}
.notification-item-icon svg{width:20px;height:20px}
.notification-item-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1;overflow-wrap:anywhere}
.notification-item-copy strong{font-size:1rem;line-height:1.35;font-weight:650}
.notification-item-copy>span{font-size:.875rem;line-height:1.55;color:#b9bcc3;white-space:pre-wrap}
.notification-item-copy time{font-size:.75rem;color:var(--muted);line-height:1.4}
.notification-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex-shrink:0;margin-top:7px}
.notification-inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;padding:32px 20px;text-align:center;color:var(--muted)}
.notification-inbox-empty>svg{width:40px;height:40px;margin-bottom:8px;color:var(--orange)}
.notification-inbox-empty h3{margin:0;font-size:1.125rem;color:#f5f5f5}
.notification-inbox-empty p{margin:0;font-size:.875rem}
.notification-inbox-spinner{width:28px;height:28px;border:2px solid #ff762e25;border-top-color:var(--orange);border-radius:50%;animation:account-loading-spin .85s linear infinite}
.notification-inbox-error{font-size:.875rem;line-height:1.5;color:#ffba9a;padding:8px 12px}
.notification-load-more{display:block;margin:12px auto 6px;font-size:.875rem}
.profile-session{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}
.profile-session h2{margin:0;font-size:1.125rem}
.profile-session p{margin:5px 0 0;color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}
.profile-session>div{min-width:0}
.profile-session button{flex-shrink:0}
@keyframes notification-panel-in{from{opacity:0;transform:translateX(26px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes notification-panel-out{to{opacity:0;transform:translateX(26px) scale(.98)}}
@keyframes notification-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:640px){
 .notification-inbox{inset:auto 0 0;margin:0;width:100%;max-width:100%;height:80dvh;max-height:calc(100dvh - env(safe-area-inset-top) - 18px);border-radius:26px 26px 0 0}
 .notification-inbox-grip{display:block;flex-shrink:0;width:40px;height:4px;border-radius:999px;background:#66696f;margin:10px auto 0}
 .notification-inbox-heading{padding:20px 20px 12px}
 .notification-inbox-toolbar{padding-left:20px;padding-right:20px}
 .notification-inbox-list{padding-left:8px;padding-right:8px}
 .notification-item{padding:18px 12px}
 @keyframes notification-panel-in{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
 @keyframes notification-panel-out{to{opacity:0;transform:translateY(40px)}}
}
@media(prefers-reduced-motion:reduce){.notification-inbox[open],.notification-inbox.is-closing,.notification-inbox::backdrop,.notification-inbox-spinner{animation:none}.notification-bell,.notification-item{transition:none}}