.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;min-height:18px;padding:0 4px;border-radius:10px;background:#d9b875;color:#11141e;font-size:11px;font-weight:700}.notification-badge[hidden]{display:none}#my-notifications{gap:7px}.notification-tools,.notification-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.notification-tools label{display:flex;align-items:center;gap:10px}.notification-tools select{padding:10px;color:inherit;background:#151724;border:1px solid #414456;border-radius:8px}.notification-list{display:grid;gap:14px;margin:16px 0}.notification-item{display:block;width:100%;padding:20px;text-align:left;white-space:normal;background:#111421;border:1px solid #313546;border-radius:12px;cursor:pointer}.notification-item.unread{border-color:#b99b62;background:#1a1925}.notification-item strong{font-size:17px;line-height:1.5;color:#ece4d2}.notification-item p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;color:#bcc4d7;font-size:14px;margin:10px 0}.notification-item time{font-size:12px;color:#929ab1}.notification-action{display:block;margin-top:12px;color:#e5c78d;font-size:13px}.notification-pager{justify-content:center;margin:20px 0}.points-dialog[open]{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;box-sizing:border-box;width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid #ad8e58;border-radius:16px;background:#111522;color:#ece5d8;max-height:85dvh;overflow:auto}.points-dialog::backdrop{background:#03050cbd}.points-dialog h2{margin:0 0 12px}.points-dialog p{line-height:1.8;color:#bbc3d5}.points-dialog .wallet-actions{display:flex;justify-content:flex-end;gap:10px}.points-dialog button{min-height:44px}.notification-item:focus-visible{outline:2px solid #f4d794;outline-offset:3px}@media(max-width:600px){.notification-item{padding:17px}.notification-tools button,.notification-tools select{min-height:44px}.notification-tools label{font-size:14px}#view-notifications .page-intro h1{font-size:28px}}
@media(max-width:760px){.topbar .userbox{flex-wrap:wrap;gap:6px}.topbar .userbox button{white-space:nowrap;flex-shrink:0;padding:8px 9px}#my-wallet{white-space:nowrap}}