.tap5-notification-center{position:fixed;right:1rem;top:5rem;z-index:250;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.tap5-notification-bell{position:relative;width:46px;height:46px;border:1px solid rgb(216 184 113 / 28%);border-radius:999px;background:#171713;color:#f8f5ed;box-shadow:0 12px 34px rgb(0 0 0 / 28%);cursor:pointer;font-size:1.15rem}
.tap5-notification-count{position:absolute;right:-3px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d8b871;color:#080807;font-size:11px;font-weight:800;display:grid;place-items:center}
.tap5-notification-panel{position:absolute;right:0;top:56px;width:min(92vw,360px);max-height:min(70vh,560px);overflow:auto;border:1px solid rgb(216 184 113 / 24%);border-radius:18px;background:#11110e;color:#f8f5ed;box-shadow:0 24px 70px rgb(0 0 0 / 45%)}
.tap5-notification-panel header{position:sticky;top:0;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;background:#11110ef2;border-bottom:1px solid rgb(216 184 113 / 18%);backdrop-filter:blur(12px)}
.tap5-notification-panel header div{display:grid;gap:2px}.tap5-notification-panel header small{color:#aaa79d}.tap5-notification-panel header button{border:0;background:transparent;color:#d8b871;font:inherit;font-weight:700;cursor:pointer}
.tap5-notification-list{display:grid}.tap5-notification-item{padding:14px 16px;border-bottom:1px solid rgb(216 184 113 / 12%);cursor:pointer}.tap5-notification-item[data-read='false']{background:rgb(216 184 113 / 7%)}.tap5-notification-item strong{display:block}.tap5-notification-item p{margin:.35rem 0;color:#d4d0c5;line-height:1.45}.tap5-notification-item small{color:#8e8a80}.tap5-notification-empty{padding:24px 16px;color:#aaa79d;text-align:center}
@media(max-width:700px){.tap5-notification-center{right:.75rem;top:auto;bottom:5.25rem}.tap5-notification-panel{top:auto;bottom:56px}}