.rmb-page{max-width:860px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;color:var(--text,#333)}
.rmb-page [hidden],.rmb-dialog [hidden]{display:none!important}
.rmb-page h1{font-size:1.5rem}.rmb-page h2{font-size:1.15rem}.rmb-page a{color:var(--accent,#684b40)}
.rmb-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.rmb-balances>div,.rmb-history article{padding:16px;border:1px solid var(--border,#ddd);border-radius:12px;background:var(--surface,#fff)}
.rmb-balances strong{display:block;font-size:1.5rem;margin-top:6px}.rmb-history article{margin:12px 0;overflow-wrap:anywhere}.rmb-history p{margin:5px 0}
.rmb-history small{display:block;color:var(--text-dim,#666)}
.rmb-dialog{max-width:560px;width:calc(100% - 32px);max-height:85vh;overflow:auto;padding:24px;border:1px solid var(--border,#ddd);border-radius:16px;color:var(--text,#333);background:var(--surface,#fff);font:inherit;line-height:1.7}
.rmb-dialog::backdrop{background:#0009}.rmb-dialog h2{margin-top:0;font-size:1.2rem}.rmb-dialog button,.rmb-page button{font:inherit;padding:10px 16px;border:1px solid var(--border,#ddd);border-radius:9px;cursor:pointer;background:var(--surface,#fff);color:inherit}
.rmb-dialog button:disabled{opacity:.55;cursor:wait}.rmb-dialog .rmb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.rmb-dialog .rmb-primary{background:var(--accent,#684b40);color:#fff}.rmb-dialog p{white-space:pre-line}.rmb-warning{color:var(--red,#b32424)}
.rmb-profile{padding:16px;border:1px solid var(--border,#ddd);border-radius:14px;margin:16px 0}.rmb-profile a{color:var(--accent,#684b40)}.rmb-profile .rmb-balances strong{font-size:1.25rem}
#rmbRechargeForm{display:grid;gap:12px;max-width:620px;padding:16px;border:1px solid var(--border,#ddd);border-radius:12px}
#rmbRechargeForm label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#rmbRechargeAmount{font:inherit;min-width:140px;max-width:100%;padding:10px;border:1px solid var(--border,#ddd);border-radius:8px;background:var(--surface,#fff);color:inherit}
#rmbRechargeForm label:has(input[type=checkbox]){flex-wrap:nowrap;align-items:flex-start}
#rmbAgreementAccepted{flex:none;margin-top:7px}
@media(max-width:480px){.rmb-page{padding:16px}.rmb-balances{gap:8px}.rmb-balances>div{padding:12px}.rmb-balances strong{font-size:1.2rem}}