.member-avatar{overflow:hidden}.member-avatar img{width:100%;height:100%;object-fit:cover;display:block}.member-notifications{position:relative}.member-notifications>summary{position:relative;display:grid;place-items:center;list-style:none;cursor:pointer;width:30px;height:32px}.member-notifications>summary::-webkit-details-marker{display:none}.member-notifications .member-bell svg{width:18px;height:23px;transition:transform .2s}.member-notifications>summary:hover svg{transform:rotate(-10deg)}.notification-badge{position:absolute;top:-4px;right:-5px;min-width:17px;height:17px;border-radius:999px;background:#e3273d;color:#fff;box-shadow:0 0 0 2px #000;display:grid;place-items:center;padding:0 3px;font:600 10px/1 Arial,sans-serif}.notification-badge[hidden]{display:none}.notification-popover{position:absolute;right:0;top:calc(100% + 14px);width:min(360px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:#10100ff5;border:1px solid #60452f;border-radius:14px;box-shadow:0 20px 60px #000b;backdrop-filter:blur(18px);padding:16px;z-index:120}.notification-popover-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:12px;font-size:15px}.notification-popover-heading a,.notification-footer{color:var(--orange);font-size:13px}.notification-preview{display:block;border-top:1px solid #ffffff12;padding:12px 8px;border-radius:7px}.notification-preview strong,.notification-preview span{display:block;font-size:13px;line-height:1.5}.notification-preview span{font-size:12px;color:#aaa;margin-top:5px}.notification-preview.is-unread{border-left:2px solid var(--orange);background:#bc6b350b}.notification-preview:hover{background:#bc6b351c}.notification-empty{font-size:13px;line-height:1.6}.notification-footer{display:block;text-align:center;padding-top:14px;border-top:1px solid #ffffff12}.social-marks{gap:10px}.social-marks img{box-sizing:content-box;width:18px;height:18px;padding:7px;opacity:.68;background:#ffffff06;border:1px solid #ffffff12;border-radius:9px;transition:opacity .22s,background .22s,border-color .22s,transform .22s}.social-marks img:hover{opacity:1;background:#bc6b3518;border-color:#bc6b3566;transform:translateY(-2px)}.notification-item{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #ffffff16;border-radius:14px;padding:24px;margin-bottom:14px;background:#0b0b0b}.notification-item.is-unread{border-left:3px solid var(--orange);background:#bc6b350b}.notification-item h2{font-size:21px;margin:8px 0}.notification-item p{margin:6px 0;font-size:15px}.notification-category,.notification-item time{font-size:12px;color:#a88a74}.notification-category{letter-spacing:.08em}.notification-pagination{display:flex;gap:24px;justify-content:center;margin-top:28px}.notification-pagination a{color:var(--orange)}
@media(max-width:700px){.notification-popover{position:fixed;top:76px;right:16px}.notification-item{align-items:flex-start;flex-direction:column;padding:20px}.social-marks{gap:7px}}@media(prefers-reduced-motion:reduce){.member-notifications .member-bell svg,.social-marks img{transition:none}}

/* A floating glass inbox, with quiet rows instead of stacked solid cards. */
:is(.member-notifications,.member-menu) .notification-popover{width:min(390px,calc(100vw - 32px));padding:0;overflow:hidden;border:1px solid #e4c5ac20;border-radius:22px;background:linear-gradient(145deg,#26221e24,#0c0c0e14);-webkit-backdrop-filter:blur(8px) saturate(110%);backdrop-filter:blur(8px) saturate(110%);box-shadow:0 20px 60px #0003,0 4px 16px #0002,inset 0 1px 0 #ffffff12;transform-origin:top right;isolation:isolate;max-height:min(660px,calc(100dvh - 100px));display:flex;flex-direction:column}
:is(.member-notifications,.member-menu):not([open]) .notification-popover{display:none}
:is(.member-notifications,.member-menu) .notification-popover::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 0 0,#c88b5708,transparent 65%);z-index:-1}
:is(.member-notifications,.member-menu) .notification-popover-heading{padding:23px 24px 19px;gap:18px;margin:0;border-bottom:1px solid #ffffff0e;flex-shrink:0}
.notification-heading-copy{display:flex;flex-direction:column;gap:5px}.notification-eyebrow{font-size:9px;font-weight:400;letter-spacing:.2em;color:#bc9679}:is(.member-notifications,.member-menu) .notification-heading-copy strong{font-size:20px;font-weight:400;letter-spacing:-.02em;color:#ede4dc}
:is(.member-notifications,.member-menu) .notification-popover-heading>a{font-size:12px;padding:7px 11px;border:1px solid #e4c5ac24;border-radius:999px;background:#ffffff04;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}:is(.member-notifications,.member-menu) .notification-popover-heading>a:hover{background:#bc6b351a;border-color:#bc6b3570;color:#e7b18c}
.member-notifications [data-notification-preview]{padding:8px 12px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#c69a7655 transparent}
.member-notifications .notification-preview{position:relative;display:block;padding:16px 13px 16px 54px;margin:3px 0;border:1px solid transparent;border-radius:13px;background:transparent;transition:background .22s,border-color .22s,transform .22s}
.member-notifications .notification-preview::before{content:"";position:absolute;top:17px;left:12px;width:29px;height:29px;border:1px solid #e4c5ac20;border-radius:10px;background:#ffffff05 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bc9679' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9l-5 3V6a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E") center/16px no-repeat}
.member-notifications .notification-preview.is-unread{border-left:1px solid transparent;background:linear-gradient(90deg,#bd865107,transparent)}
.member-notifications .notification-preview.is-unread::after{content:"";position:absolute;right:12px;top:23px;width:5px;height:5px;border-radius:50%;background:#dba376;box-shadow:0 0 9px #bc6b3533}
.member-notifications .notification-preview strong{font-size:13px;font-weight:400;line-height:1.5;color:#e1d8d0;padding-right:12px}.member-notifications .notification-preview span{margin-top:5px;font-size:12px;line-height:1.6;color:#aaa39e}
.member-notifications .notification-preview:hover{transform:translateX(2px);background:#ffffff09;border-color:#ffffff12}.member-notifications .notification-preview:focus-visible{outline-offset:-2px;outline:1px solid #d89b6d;background:#ffffff09}
.member-notifications .notification-empty{padding:30px 18px;margin:0;color:#b7ada5;text-align:center;font-size:13px;line-height:1.8}
.member-notifications .notification-footer{flex-shrink:0;margin:0;padding:17px 24px;border-top:1px solid #ffffff0e;text-align:center;background:transparent;font-size:12px;color:#cba17f;transition:color .2s,background .2s}.member-notifications .notification-footer:hover{background:#bc6b350c;color:#edc2a0}
.member-notifications[data-notification-phase=opening] [data-notification-preview]{animation:notification-list-in .36s ease-out both}
@keyframes notification-list-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){:is(.member-notifications,.member-menu) .notification-popover{right:16px;top:76px;width:calc(100vw - 32px);border-radius:19px;max-height:calc(100dvh - 96px);transform-origin:top right}:is(.member-notifications,.member-menu) .notification-popover-heading{padding:20px}.member-notifications [data-notification-preview]{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.member-notifications .notification-preview,:is(.member-notifications,.member-menu) .notification-popover-heading>a,.member-notifications .notification-footer{transition:none}.member-notifications[data-notification-phase=opening] [data-notification-preview]{animation:none}}

/* Account and notification menus share one glass surface and motion controller. */
.member-bar{position:relative;z-index:2}.navigation-row{position:relative;z-index:1}
.member-menu .member-links{top:calc(100% + 14px);min-width:0;z-index:120}
.account-menu-actions{padding:8px 12px 12px}
.member-menu .account-menu-actions>a,.member-menu .account-menu-actions button{display:block;width:100%;box-sizing:border-box;padding:14px 15px;margin:3px 0;border:1px solid transparent;border-radius:13px;color:#e1d8d0;background:transparent;text-align:left;font:400 14px/1.5 NCoilGeometric,sans-serif;cursor:pointer;transition:background .22s,border-color .22s,transform .22s}
.member-menu .account-menu-actions>a:hover,.member-menu .account-menu-actions button:hover{transform:translateX(2px);background:#ffffff09;border-color:#ffffff12}
.member-menu .account-menu-actions form{margin:7px 0 0;padding-top:7px;border-top:1px solid #ffffff0e}
.member-menu .account-menu-actions button{color:#cba17f}
@media(prefers-reduced-motion:reduce){.member-menu .account-menu-actions>a,.member-menu .account-menu-actions button{transition:none;transform:none}}
@media(max-width:700px){.member-menu .member-links{position:fixed;top:76px;right:16px}}