.notification-control{position:relative;display:grid;place-items:center}
.notification-control[hidden]{display:none!important}
.notification-button{position:relative}
.notification-badge{position:absolute;top:-2px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#e32929;color:#fff;font:800 9px/1 system-ui,sans-serif;border:2px solid var(--bg,#eef5f9);box-sizing:border-box}
.notification-badge[hidden]{display:none!important}
.notification-menu{position:absolute;z-index:1250;top:calc(100% + 11px);right:-12px;width:min(410px,calc(100vw - 24px));overflow:hidden;background:var(--paper,#fff);border:1px solid rgba(148,163,184,.32);border-radius:15px;box-shadow:0 22px 60px rgba(15,23,42,.18),0 3px 12px rgba(15,23,42,.06)}
.notification-menu[hidden]{display:none!important}
.notification-menu::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2f67ff,#7767ff)}
.notification-menu-head{min-height:52px;padding:3px 14px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(148,163,184,.22)}
.notification-menu-head strong{font:800 14px/1.2 system-ui,sans-serif;letter-spacing:-.01em;color:var(--text,#172033)}
.notification-refresh{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted,#6b778c);font:700 18px/1 system-ui,sans-serif;cursor:pointer;transition:.16s ease}
.notification-refresh:hover,.notification-refresh:focus-visible{color:var(--accent,#2f67ff);background:rgba(47,103,255,.07);border-color:rgba(47,103,255,.12);outline:none}
.notification-list{max-height:min(480px,68vh);overflow:auto;overscroll-behavior:contain}
.notification-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid rgba(148,163,184,.18);background:transparent;transition:background .15s ease}
.notification-item:last-child{border-bottom:0}
.notification-item:hover{background:rgba(148,163,184,.055)}
.notification-item.is-unread::after{content:"";position:absolute;left:5px;top:50%;width:5px;height:5px;border-radius:50%;background:#2f67ff;transform:translateY(-50%)}
.notification-type-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:#eff4ff;color:#2f67ff}
.notification-type-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.notification-achievement .notification-type-icon{background:#f2edff;color:#6d45e8}
.notification-certificate .notification-type-icon{background:#e9f8ef;color:#15935b}
.notification-held_score .notification-type-icon{background:#fff3e5;color:#c66a08}
.notification-item-copy{min-width:0}
.notification-item-top{display:block;min-width:0}
.notification-kind-label{display:block;margin-bottom:2px;font:800 9px/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.075em;color:#718096}
.notification-achievement .notification-kind-label{color:#6d45e8}
.notification-certificate .notification-kind-label{color:#15935b}
.notification-held_score .notification-kind-label{color:#b65d00}
.notification-item-top strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 13px/1.25 system-ui,sans-serif;color:var(--text,#172033)}
.notification-item p{margin:4px 0 2px;color:var(--muted,#64748b);font:500 10.5px/1.35 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-item small{display:block;color:#8a96a8;font:500 9.5px/1.3 system-ui,sans-serif}
.notification-action{appearance:none;align-self:center;border:1px solid rgba(47,103,255,.22);border-radius:8px;background:rgba(47,103,255,.06);padding:6px 9px;color:var(--accent,#2f67ff);font:800 10px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:.15s ease}
.notification-action:hover,.notification-action:focus-visible{background:rgba(47,103,255,.12);border-color:rgba(47,103,255,.34);outline:none}
.notification-held_score .notification-action{color:#a94f00;background:#fff7ed;border-color:#fed7aa}
.notification-held_score .notification-action:hover,.notification-held_score .notification-action:focus-visible{background:#ffedd5;border-color:#fdba74}
.notification-empty{margin:0;padding:28px 16px;text-align:center;color:var(--muted,#6b778c);font:600 11px/1.5 system-ui,sans-serif}
body.theme-dark .notification-menu{background:#182334;border-color:#35445c;box-shadow:0 24px 64px rgba(0,0,0,.42)}
body.theme-dark .notification-badge{border-color:#111827}
body.theme-dark .notification-menu-head,body.theme-dark .notification-item{border-color:#324158}
body.theme-dark .notification-menu-head strong,body.theme-dark .notification-item-top strong{color:#edf3fb}
body.theme-dark .notification-item:hover{background:rgba(255,255,255,.035)}
body.theme-dark .notification-type-icon{background:#243550}
body.theme-dark .notification-achievement .notification-type-icon{background:#30294b}
body.theme-dark .notification-certificate .notification-type-icon{background:#1f4035}
body.theme-dark .notification-held_score .notification-type-icon{background:#49331d}
body.theme-dark .notification-held_score .notification-action{background:#3b2a1a;border-color:#70491e;color:#f5b66f}
html[dir="rtl"] .notification-menu{right:auto;left:-12px;text-align:right}
html[dir="rtl"] .notification-badge{right:auto;left:-3px}
html[dir="rtl"] .notification-item.is-unread::after{left:auto;right:5px}
@media(max-width:520px){
  .notification-menu{position:fixed;top:76px;right:12px;left:auto;width:calc(100vw - 24px);border-radius:14px}
  html[dir="rtl"] .notification-menu{right:auto;left:12px}
  .notification-item{grid-template-columns:35px minmax(0,1fr) auto;padding:11px 10px;gap:9px}
  .notification-type-icon{width:34px;height:34px}
  .notification-action{padding:6px 8px}
}
.notification-verification_success .notification-type-icon{background:#e7f8f1;color:#0f9b68}
.notification-verification_success .notification-kind-label{color:#0f8b61}
.notification-verification_success .notification-action{color:#087a55;background:#eefbf6;border-color:#bcebd9}
.notification-verification_success .notification-action:hover,.notification-verification_success .notification-action:focus-visible{background:#dcf7eb;border-color:#91dcc2}
body.theme-dark .notification-verification_success .notification-type-icon{background:#183f35;color:#6ee7b7}
body.theme-dark .notification-verification_success .notification-action{background:#17382f;border-color:#2d6957;color:#8ce9c6}