.reward-balances{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.reward-balance{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;min-height:40px;border:1px solid #ccb992;border-radius:12px;background:#fffaf0;color:#234a41;font-size:15px;font-weight:700;white-space:nowrap;box-shadow:0 2px 7px #143e3410}
.reward-balance:hover{background:#f4ead0}.reward-balance img{width:30px;height:30px;object-fit:contain;flex:none}
.reward-ledger-dialog{position:fixed;inset:0;width:min(560px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 28px));margin:auto;padding:25px 28px;border:1px solid #c4aa79;border-radius:18px;background:#fffaf0;color:#23443d;box-shadow:0 24px 80px #092c2770;overflow:auto;z-index:10000}
.reward-ledger-dialog::backdrop{background:#102f2a99}.reward-ledger-dialog h2{font:700 27px/1.3 system-ui;margin:0 38px 6px 0}.reward-ledger-dialog h3{font:700 18px/1.4 system-ui;margin:20px 0 9px}
.reward-ledger-dialog p{margin:8px 0}.reward-ledger-dialog .reward-ledger-purpose{color:#52685d;font-size:15px;line-height:1.6}
.reward-ledger-close{position:absolute;right:14px;top:11px;padding:0;width:38px;height:38px;border:0;border-radius:50%;background:#eee5d4;color:#23443d;font-size:25px;line-height:1}
.reward-ledger-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 15px}
.reward-ledger-summary>div{padding:12px;border:1px solid #dfd2b6;border-radius:10px;background:#f5f0e3}.reward-ledger-summary small{display:block;color:#52685d;font-size:13px}.reward-ledger-summary strong{display:block;font-size:25px;line-height:1.25}
.reward-ledger-row,.reward-ledger-event{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #e5dbc7;font-size:15px}
.reward-ledger-row b,.reward-ledger-event b.earned{color:#287256}.reward-ledger-event b.spent{color:#9b5743}.reward-ledger-event>div{min-width:0}.reward-ledger-event strong{display:block;font-size:15px}.reward-ledger-event small{display:block;color:#69796e;font-size:12px}.reward-ledger-event b{font-size:18px}
.reward-ledger-dialog .reward-ledger-note,.reward-ledger-dialog .reward-ledger-empty{font-size:13px;color:#64756c;line-height:1.6}
@media(max-width:800px){.topbar #total.reward-balances{display:flex;width:100%;justify-content:flex-end}.reward-balance{min-height:36px;font-size:13px;padding:3px 7px}.reward-balance img{width:24px;height:24px}.reward-ledger-dialog{padding:22px 18px}.reward-ledger-summary strong{font-size:21px}}
.reward-ledger-exchange{margin:16px 0;padding:14px;border:1px solid #cbb78d;border-radius:10px;background:#f3f1e4}
.reward-ledger-exchange label{display:block;margin-bottom:6px}
.reward-ledger-exchange input{width:100%;box-sizing:border-box;min-height:44px;padding:8px;font:inherit;border:1px solid #b8a47d;border-radius:7px}
.reward-ledger-exchange button{min-height:44px;padding:9px 15px;border:1px solid #265b51;border-radius:8px;background:#265b51;color:#fff;font:inherit;cursor:pointer}
.reward-ledger-exchange button:disabled{opacity:.55;cursor:default}