.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header-actions{display:flex;align-items:center;gap:8px}.notification-bell{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#4c4952;text-decoration:none}.notification-bell:focus-visible,.notification-header a:focus-visible,.notification-row:focus-visible{outline:3px solid #f8a8bf;outline-offset:2px}.notification-bell svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-bell>span[aria-hidden]{position:absolute;top:4px;right:2px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff;border-radius:10px;color:#fff;background:#f43669;font-size:9px;font-weight:850;line-height:1}
.notification-shell{width:min(100%,var(--guitto-shell-width));overflow-x:hidden;background:#fff}.notification-header{height:66px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:0 14px;border-bottom:1px solid #f0ecee;background:#fff}.notification-header a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#34333d;text-decoration:none}.notification-header svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.notification-header h1{margin:0;text-align:center;color:#24232d;font-size:20px;letter-spacing:-.02em}.notification-list{display:grid;background:#fff}.notification-row{position:relative;width:100%;min-height:92px;display:grid;grid-template-columns:48px minmax(0,1fr) 20px 18px;gap:12px;align-items:center;padding:15px 16px;border:0;border-bottom:1px solid #f1edef;color:#24232d;background:#fff;text-align:left;cursor:pointer}.notification-row.unread{background:#fff7fa}.notification-row:disabled{cursor:wait;opacity:.68}.notification-type-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#e84573;background:#ffeaf1;font-size:21px;font-weight:800}.type-match_created{color:#fff;background:linear-gradient(145deg,#ff799d,#f43669)}.type-message_received{color:#626273;background:#f0eff5}.type-verification_approved{color:#267353;background:#e8f7ef}.type-verification_rejected{color:#9a5b20;background:#fff2e5}.notification-copy{min-width:0;display:grid;gap:3px}.notification-copy strong{overflow-wrap:anywhere;font-size:14px;line-height:1.4}.notification-copy small{overflow-wrap:anywhere;color:#696672;font-size:12px;font-weight:500;line-height:1.45}.notification-copy time{color:#a09aa3;font-size:10px;font-weight:550}.notification-unread{display:grid;place-items:center}.notification-unread i{width:9px;height:9px;border-radius:50%;background:#f43669;box-shadow:0 0 0 3px #ffe5ed}.notification-chevron{width:18px;height:18px;fill:none;stroke:#aaa5ad;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-fallback{margin:14px 16px 0;padding:13px 15px;border-radius:14px;color:#715767;background:#fff0f5;font-size:12px;line-height:1.55}.notification-empty{min-height:calc(100dvh - 66px);display:grid;place-items:center;align-content:center;padding:48px 24px;text-align:center}.notification-empty>span{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;color:#e84573;background:#fff0f5;font-size:28px}.notification-empty h2{margin:18px 0 6px;font-size:18px}.notification-empty p{max-width:260px;margin:0;color:#85808a;font-size:12px;line-height:1.65}
@media(max-width:380px){.notification-row{grid-template-columns:44px minmax(0,1fr) 18px 16px;gap:10px;padding-inline:13px}.notification-type-icon{width:44px;height:44px}.notification-copy strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.notification-row,.notification-bell{scroll-behavior:auto}}