:root { --gold:#c9a84c; --gold2:#f0c96e }

[data-bs-theme="dark"]  body        { background:#0d0f1a; color:#e2e8f0 }
[data-bs-theme="dark"]  .card-av    { background:#13172a; border:1px solid rgba(201,168,76,.18) }
[data-bs-theme="dark"]  .bottom-nav { background:#0e1120; border-top:1px solid rgba(201,168,76,.18) }
[data-bs-theme="dark"]  .top-bar    { background:rgba(13,15,26,.97); border-bottom:1px solid rgba(201,168,76,.13) }
[data-bs-theme="dark"]  .tok-item   { background:#10142200; border:1px solid rgba(201,168,76,.13) }
[data-bs-theme="dark"]  .hash-box   { background:#0a0c18; border:1px solid rgba(201,168,76,.15) }
[data-bs-theme="dark"]  .det-row    { border-bottom:1px solid rgba(255,255,255,.06) }
[data-bs-theme="dark"]  .tx-card    { background:#10142a; border:1px solid rgba(201,168,76,.12) }
[data-bs-theme="dark"]  .login-card { background:#13172a; border:1px solid rgba(201,168,76,.25) }
[data-bs-theme="dark"]  .captcha-box{ background:#0a0c18; border:1px solid rgba(201,168,76,.2) }
[data-bs-theme="dark"]  .qr-wrap    { background:#fff; border:3px solid rgba(201,168,76,.5) }

[data-bs-theme="light"] body        { background:#f2f4fb; color:#1a1d2e }
[data-bs-theme="light"] .card-av    { background:#fff; border:1px solid #e0d5b0; box-shadow:0 2px 10px rgba(0,0,0,.07) }
[data-bs-theme="light"] .bottom-nav { background:#fff; border-top:1px solid #ddd }
[data-bs-theme="light"] .top-bar    { background:rgba(255,255,255,.97); border-bottom:1px solid #e0d5b0 }
[data-bs-theme="light"] .tok-item   { background:#faf8f0; border:1px solid #e0d5b0 }
[data-bs-theme="light"] .hash-box   { background:#f5f3ea; border:1px solid #ddd0a0 }
[data-bs-theme="light"] .det-row    { border-bottom:1px solid rgba(0,0,0,.07) }
[data-bs-theme="light"] .tx-card    { background:#fafaf8; border:1px solid #e0d5b0 }
[data-bs-theme="light"] .login-card { background:#fff; border:1px solid #e0d5b0; box-shadow:0 4px 24px rgba(0,0,0,.08) }
[data-bs-theme="light"] .captcha-box{ background:#f5f3ea; border:1px solid #ddd0a0 }
[data-bs-theme="light"] .qr-wrap    { background:#fff; border:3px solid rgba(201,168,76,.4) }

body            { font-size:.9rem }
.top-bar        { position:sticky; top:0; z-index:100; padding:10px 16px;
                  display:flex; align-items:center; justify-content:space-between }
.logo-text      { font-size:1.05rem; font-weight:800; color:var(--gold); letter-spacing:1px }
.logo-sub       { font-size:.5rem; color:#888; letter-spacing:2px; display:block; margin-top:-2px }

#login-screen   { min-height:100vh; display:flex; flex-direction:column;
                  align-items:center; justify-content:center; padding:24px 16px }
.login-card     { border-radius:20px; padding:28px 22px; width:100%; max-width:380px }
.login-logo     { text-align:center; margin-bottom:28px }
.login-logo .symbol { font-size:2.8rem; display:block; margin-bottom:6px }
.captcha-box    { border-radius:12px; padding:14px; text-align:center; margin-bottom:4px }
.captcha-sum    { font-size:1.4rem; font-weight:800; color:var(--gold2); letter-spacing:4px; font-family:monospace }

.bottom-nav     { position:fixed; bottom:0; left:0; right:0; display:flex; z-index:200 }
.bottom-nav a   { flex:1; display:flex; flex-direction:column; align-items:center;
                  padding:7px 4px; font-size:.57rem; color:#777;
                  text-decoration:none; transition:.2s; border:none; background:none }
.bottom-nav a i { font-size:1.2rem; margin-bottom:2px }
.bottom-nav a.act { color:var(--gold2) }

.card-av        { border-radius:14px; padding:14px; margin-bottom:12px }
.saldo-val      { font-size:1.9rem; font-weight:800; color:var(--gold2) }

.tok-item       { border-radius:13px; margin-bottom:10px; overflow:hidden }
.tok-head       { display:flex; align-items:center; gap:11px; padding:12px 12px 8px; cursor:pointer; color:inherit }
.tok-links      { display:flex; gap:6px; flex-wrap:wrap; padding:0 12px 12px }
.tok-prog       { padding:0 12px 10px }
.t-icon         { width:42px; height:42px; border-radius:10px; display:flex;
                  align-items:center; justify-content:center; font-size:1.25rem; flex-shrink:0 }
.t-name         { font-weight:700; font-size:.87rem }
.t-sub          { font-size:.68rem; color:#888 }
.t-price        { font-weight:700; color:var(--gold2); font-size:.87rem }

.up   { background:rgba(74,222,128,.15); color:#4ade80; padding:2px 7px; border-radius:20px; font-size:.65rem }
.dn   { background:rgba(248,113,113,.15); color:#f87171; padding:2px 7px; border-radius:20px; font-size:.65rem }
.neu  { background:rgba(148,163,184,.12); color:#94a3b8; padding:2px 7px; border-radius:20px; font-size:.65rem }

.chip       { display:inline-flex; align-items:center; gap:4px; border-radius:8px;
              padding:4px 9px; font-size:.68rem; font-weight:600; text-decoration:none;
              cursor:pointer; border:none; transition:opacity .15s; white-space:nowrap }
.chip:hover { opacity:.82 }
.chip-ipfs  { background:rgba(74,222,128,.12); color:#4ade80; border:1px solid rgba(74,222,128,.28) }
.chip-avn   { background:rgba(201,168,76,.12); color:var(--gold2); border:1px solid rgba(201,168,76,.28) }
.chip-cot   { background:rgba(99,102,241,.1); color:#818cf8; border:1px solid rgba(99,102,241,.3) }
.chip-buy   { background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#0d0f1a; font-weight:700 }
.chip-sell  { background:rgba(248,113,113,.15); color:#f87171; border:1px solid rgba(248,113,113,.28) }

.hash-box   { border-radius:9px; padding:9px 11px; font-family:monospace; font-size:.68rem;
              word-break:break-all; line-height:1.6 }
.hash-label { font-size:.65rem; color:#888; margin-bottom:3px }
.hash-val   { color:var(--gold2); font-weight:600 }
.hash-desc  { font-size:.63rem; color:#777; margin-top:2px }

.det-row    { display:flex; justify-content:space-between; align-items:center;
              padding:7px 0; font-size:.78rem }
.det-row:last-child { border-bottom:none!important }

.prog-bar-wrap { height:4px; border-radius:4px; background:rgba(255,255,255,.08); overflow:hidden; margin-top:4px }
[data-bs-theme="light"] .prog-bar-wrap { background:rgba(0,0,0,.08) }
.prog-bar-fill { height:100%; border-radius:4px; background:linear-gradient(90deg,var(--gold),var(--gold2)) }

.btn-gold   { background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#0d0f1a; font-weight:700; border:none; border-radius:12px }
.btn-gold:hover { opacity:.88; color:#0d0f1a }

.avatar-btn { cursor:pointer; border:2px solid rgba(201,168,76,.4); transition:border-color .2s }
.avatar-btn:hover { border-color:var(--gold2) }

.qr-wrap    { border-radius:14px; padding:10px; display:inline-flex; align-items:center; justify-content:center }

.pulse { display:inline-block; width:7px; height:7px; border-radius:50%;
         background:#4ade80; animation:pls 1.5s infinite }
@keyframes pls { 0%,100%{opacity:1} 50%{opacity:.25} }
.font-mono { font-family:monospace }