.demo-banner { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:14px 18px; margin-bottom:22px; border:1px solid #665535; border-radius:14px; background:rgba(255,195,77,.08); color:#e8dcc0; font-size:14px; }
.demo-banner strong { color:var(--yellow); white-space:nowrap; }
.demo-banner > span:nth-child(2) { flex:1; min-width:250px; }
.demo-pill { padding:5px 10px; border:1px solid #665535; border-radius:7px; color:var(--yellow); white-space:nowrap; font-size:13px; }
.demo-footer { padding:24px 18px; text-align:center; color:var(--muted); font-size:13px; line-height:1.9; }
button:disabled { cursor:not-allowed; opacity:.62; }
input[readonly] { cursor:default; }
.demo-monogram { color:var(--text); background:linear-gradient(135deg,#243746,#454074); }
.collection-select-button:focus-visible, .chain-switch button:focus-visible, summary:focus-visible { outline:2px solid var(--yellow); outline-offset:3px; }
.demo-caption { color:var(--muted); font-size:13px; }
body:not([data-chain-view="bitcoin"]) .bitcoin-view { display:none; }
body[data-chain-view="bitcoin"] .ethereum-view, body[data-chain-view="bitcoin"] .robinhood-view { display:none !important; }
.chain-switch { flex-wrap:wrap; }
body[data-chain-view="bitcoin"] #bitcoinViewBtn.active { background:#5c3d1b; box-shadow:inset 0 0 0 1px #cf8b36; }
.bitcoin-snapshot-note { margin:0; padding:14px 18px; color:var(--muted); font-size:14px; line-height:1.6; border-top:1px solid var(--line); }
.bitcoin-table { min-width:1550px; }
.bitcoin-table th:first-child { width:24%; min-width:260px; }
.bitcoin-table td:not(:first-child) { white-space:nowrap; }
.bitcoin-table .negative { color:var(--red,#ff6474); }
.bitcoin-table .positive { color:var(--green); }
@media(max-width:680px) {
  .bitcoin-table { min-width:0; }
  .bitcoin-table td:nth-child(4)::before { content:"Floor price"; }
  .bitcoin-table td:nth-child(5)::before { content:"30D change"; }
  .bitcoin-table td:nth-child(6)::before { content:"30D volume"; }
  .bitcoin-table td:nth-child(7)::before { content:"30D sales"; }
  .bitcoin-table td:nth-child(8)::before { content:"Market cap"; }
  .bitcoin-table td:nth-child(9)::before { content:"Listed"; }
  .bitcoin-table td:nth-child(10)::before { content:"Mempool"; }
}
@media(max-width:640px) { .demo-banner { gap:9px; padding:12px; } .demo-banner > span:nth-child(2) { min-width:0; flex-basis:100%; } .demo-pill { font-size:12px; } }