.coin-wallet-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:7px 10px;border:1px solid #665523;border-radius:24px;background:#211d12;color:#f5cf67;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap}
.coin-wallet-button[hidden]{display:none!important}
.coin-wallet-icon{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid #ffe59a;border-radius:50%;background:linear-gradient(135deg,#f8db84,#bc8b27);box-shadow:inset 0 0 0 2px #9b731e;color:#30220a;font:800 14px/1 Arial,sans-serif}
.coin-wallet-button:hover{border-color:#f5cf67;background:#302819}
.coin-wallet-button:focus-visible,#coin-wallet-dialog button:focus-visible{outline:2px solid #ffe07c;outline-offset:3px}
#coin-wallet-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;padding:22px;color:#f3f0e6;background:#18191d;border:1px solid #4b4534;border-radius:18px;overflow:auto}
#coin-wallet-dialog::backdrop{background:#000a}
#coin-wallet-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#coin-wallet-dialog h2{font-size:20px;margin:0}
.coin-wallet-balance{font-size:24px;color:#f5cf67;font-weight:700;margin:20px 0 12px;overflow-wrap:anywhere}
.coin-wallet-status,.coin-wallet-note{font-size:13px;color:#c0c0bd;line-height:1.6}
.coin-wallet-events{list-style:none;margin:8px 0 18px;padding:0}
.coin-wallet-events li{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #34353a}
.coin-wallet-events li>div{min-width:0;flex:1}.coin-wallet-events time{font-size:12px;color:#b2b2b5}
.coin-wallet-events p{margin:5px 0 0;font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}
.coin-wallet-events strong{flex:none;font-size:14px;white-space:nowrap}.coin-plus{color:#f5cf67}.coin-minus{color:#e6b8a7}
#coin-wallet-dialog>.secondary{min-height:44px;padding:8px 14px;margin:0 4px 8px 0}
@media(max-width:700px){header{flex-wrap:wrap}header>nav{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;max-width:100%;gap:6px}.coin-wallet-button{font-size:12px;padding:6px 8px}#header-usage{font-size:12px}}
@media(max-width:600px){header>nav{grid-template-columns:auto auto;gap:3px 6px}header>nav [data-open="settings"]{grid-column:1;grid-row:1;justify-self:end}header>nav #header-usage{grid-column:2;grid-row:1}header>nav .coin-wallet-button{grid-column:1;grid-row:2}header>nav [data-open="login"]{grid-column:2;grid-row:2}}
@media(max-width:420px){#coin-wallet-dialog{padding:18px}.coin-wallet-events li{gap:8px}.coin-wallet-events strong{font-size:13px}.coin-wallet-balance{font-size:22px}}
