.app-page { background: #f6f4e9; }
.app-page > .wrap { width: min(1080px, 100% - 48px); padding-top: 0; }
.app-nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--hair2); }
.app-nav-brand, .app-nav-links { display: flex; align-items: center; gap: 20px; }
.app-nav-links a { color: var(--soft); font: 500 11px/1.5 var(--mono); text-decoration: none; padding-block: 8px; }
.app-nav-links a:hover { color: var(--ink); text-decoration: underline; }
.app-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; padding: 38px 0 24px; }
.app-heading h1 { font-size: clamp(38px, 5.5vw, 60px); margin: 0 0 14px; }
.app-heading .lede { max-width: 56ch; margin: 0; font: 400 13px/1.8 var(--mono); }
.app-heading .k { color: #796012; margin-bottom: 14px; }
.app-edition { flex: none; min-width: 130px; border: 1px dashed #c5b874; padding: 14px 18px; background: #ffed9e; font: 500 10px/1.6 var(--mono); text-align: center; }
.app-edition b { display: block; font: 800 38px/1.1 var(--display); margin: 2px 0; letter-spacing: -.04em; }
.app-page .toolbar { margin-top: 0; }
.app-page .notice { margin: 18px 0 28px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.dashboard-grid > * { min-width: 0; }
.app-page .sheet { padding: 26px; margin-bottom: 28px; }
.app-page .sheet h2 { font-size: 24px; letter-spacing: -.035em; line-height: 1.15; margin: 0 0 14px; }
.app-page .sheet h3 { font-size: 18px; letter-spacing: -.025em; margin: 0 0 10px; }
.dashboard-welcome { border-top: 5px solid var(--bsc); }
.dashboard-welcome h2 { font-size: 34px !important; max-width: 16ch; }
.dashboard-welcome > p { font: 400 13px/1.8 var(--mono); color: var(--soft); }
.welcome-ticket { margin: 26px 0; padding: 22px 18px; background: #fff4c6; border-block: 1px dashed #bca651; font: 500 12px/1.8 var(--mono); }
.welcome-ticket .row { padding: 6px 0; }
.welcome-ticket .row b { color: #66500c; }
.welcome-ticket .ticket-caption { font-size: 10px; color: #6a571d; letter-spacing: .08em; margin: 14px 0 0; }
.welcome-route { display: flex; gap: 12px; align-items: center; font: 600 10px/1.6 var(--mono); color: var(--soft); margin: 22px 0 6px; }
.welcome-route span { flex: 1; padding-top: 10px; border-top: 3px solid #ecd68c; }
.dashboard-summary { padding-bottom: 24px; border-bottom: 1px dashed #d8d1bb; margin-bottom: 22px; }
.dashboard-summary-label { font: 500 11px/1.6 var(--mono); color: var(--soft); }
.reward-total { display: block; font: 800 clamp(40px, 5vw, 55px)/1.15 var(--display); letter-spacing: -.04em; margin: 8px 0; }
.summary-foot { font: 400 10px/1.7 var(--mono); color: var(--soft); margin: 0; }
.history-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 22px 0 12px; }
.history-stats div { background: #f5f2e7; border-top: 3px solid #d6c996; padding: 12px 8px; }
.history-stats b { display: block; font: 750 26px/1 var(--display); letter-spacing: -.03em; }
.history-stats span { font: 500 9px/1.7 var(--mono); display: block; margin-top: 7px; color: var(--soft); }
.history-stats .is-delivered { border-color: #749360; }
.history-stats .is-waiting { border-color: var(--bsc); }
.history-stats .is-rejected { border-color: #c67e68; }
.asset-allocation { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px dashed #d8d1bb; }
.asset-allocation:last-child { border-bottom: 0; }
.asset-name { display: flex; align-items: center; gap: 12px; min-width: 0; }
.asset-monogram { flex: none; width: 36px; height: 38px; display: grid; place-items: center; background: #fff1b6; font: 700 16px/1 var(--display); border-bottom: 3px solid var(--bsc); }
.asset-name strong { font: 700 14px/1.4 var(--display); }
.asset-name small, .asset-value small { display: block; font: 400 10px/1.6 var(--mono); color: var(--soft); }
.asset-value { text-align: right; font: 600 13px/1.5 var(--mono); }
.dashboard-allocation { margin-bottom: 22px; }
.dashboard-allocation > .summary-foot { margin-top: 12px; }
.app-page .receipt-card { padding: 18px 0; }
.app-page .receipt-card:hover { background: #fff5cc; }
.dashboard-history-head { margin-top: 28px; }
.dashboard-cap { background: #f9f6ec; padding: 16px; margin-top: 18px; }
.dashboard-cap summary { cursor: pointer; font: 600 11px/1.6 var(--mono); color: var(--soft); min-height: 24px; }
.dashboard-cap .cap { margin: 8px 0 0; }
.app-page .cap .row { font-size: 11px; }
.fee-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.fee-heading b { font: 800 40px/1 var(--display); letter-spacing: -.05em; }
.fee-example { background: #fff3c2; padding: 14px; margin: 18px 0; }
.fee-example .row { font-size: 11px; }
.fee-example .row:last-child { border-top: 1px dashed #d3bc68; padding-top: 12px; margin-top: 4px; }
.fee-example .row b { color: #66500c; }
.fee-tools .status { font-size: 11px; }
.app-page #avail { margin-top: 8px; }
.app-page #avail .brand-filters { grid-template-columns: minmax(0, 1fr) minmax(160px, .4fr); }
.app-page #avail .brand-directory-list { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 360px; }
.app-page .fine { max-width: 88ch; line-height: 1.9; }
.preview-scan-art { font: 700 14px/1.6 var(--mono); text-align: center; border: 1px dashed #c4b675; padding: 22px; margin: 20px 0 0; background: #fffae5; }
.preview-scan-art small { display: block; font: 400 10px/1.8 var(--mono); color: var(--soft); margin-top: 10px; }
@media (max-width: 760px) {
  .app-page > .wrap { width: calc(100% - 32px); }
  .dashboard-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .dashboard-aside { order: -1; display: contents; }
  .dashboard-main { display: contents; }
  #step1, #step2, #soon { order: -2; }
  #preview-scanner { order: 1; }
  .fee-tools { order: 2; }
  .app-heading { padding-top: 30px; }
  .app-edition { display: none; }
  .app-page .sheet { padding: 22px; }
  .app-page #avail .brand-directory-list { grid-template-columns: minmax(0, 1fr); }
  .app-page #avail .brand-filters { grid-template-columns: minmax(0, 1fr); }
  .app-nav-brand { gap: 10px; }
  .app-nav-links { gap: 12px; }
  .app-nav-links a { font-size: 10px; }
  .site-chain { font-size: 9px; padding-inline: 7px; }
}
@media (max-width: 380px) { .app-nav .site-chain { display: none; } .app-page .sheet { padding: 18px; } .history-stats { gap: 5px; } .history-stats div { padding: 10px 5px; } }
/* Wallet balances and reviewed BSC actions. */
.wallet-tools{margin-bottom:22px}.wallet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.wallet-heading h2{margin:6px 0}.wallet-address{font:12px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.wallet-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:20px 0}.wallet-balance{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #d4c7a0;padding:12px 0;gap:10px;min-width:0}.wallet-balance span{min-width:0}.wallet-balance small{display:block;font-size:10px;color:#796e56;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-balance strong{font:12px ui-monospace,monospace;overflow-wrap:anywhere;max-width:52%;text-align:right}.wallet-tablist{display:flex;border-bottom:2px solid #e1d4aa;margin:24px 0 18px;gap:18px}.wallet-tablist button{padding:12px 0;background:none;border:0;border-bottom:3px solid transparent;cursor:pointer;font:600 13px inherit;color:#76643e}.wallet-tablist button[aria-selected=true]{border-color:#c99300;color:#282212}.wallet-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-amount{display:flex;gap:8px}.wallet-amount input{min-width:0;flex:1}.wallet-amount button{width:auto!important;flex-shrink:0}.wallet-history{margin-top:25px;padding-top:20px;border-top:1px dashed #d4c7a0}.wallet-history summary{font-size:13px;font-weight:650;cursor:pointer}.wallet-record{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e6ddc5;background:transparent;padding:14px 0;cursor:pointer;color:inherit;overflow-wrap:anywhere}.wallet-record span{display:block;font-size:13px}.wallet-record small{display:block;margin-top:5px;font-size:10px;color:#7c7158}.wallet-divider{font-size:10px;color:#8b7950;text-align:center;margin:18px 0}.wallet-tools .field select{width:100%;background:#fffaf0;border:1px solid #d7caa7;border-radius:8px;padding:11px;font:inherit;color:inherit;min-width:0}.wallet-tools .btn{max-width:100%}#wallet-dialog .facts dd{overflow-wrap:anywhere}#wallet-dialog .btn{margin-bottom:10px}#email-login input{width:100%;box-sizing:border-box}#email-otp-form{margin-top:14px}.wallet-tools [hidden]{display:none!important}
@media(max-width:520px){.wallet-balances{grid-template-columns:1fr}.wallet-fields{grid-template-columns:1fr}.wallet-heading{align-items:flex-start}.wallet-heading .btn{width:auto}.wallet-tablist{gap:22px}.wallet-address{font-size:10px}.wallet-tools .facts{grid-template-columns:1fr}.wallet-tools .facts dd{margin:0 0 10px}}