/* U37 — colour preferences, CVD palette, full-screen chart bar, misc. */
html[data-updown="red-up"][data-theme="light"] { --up: #e5384f; --down: #00a86b; }
html[data-updown="red-up"][data-theme="dark"]  { --up: #ff5c72; --down: #00d18f; }
html[data-candle="cvd"] { --up: #1f7cf2; --down: #f28c18; }
html[data-candle="cvd"][data-updown="red-up"] { --up: #f28c18; --down: #1f7cf2; }

.zt-fsbar { display: none; }
.zt-chart.is-fs, .zt-chart.is-max { position: relative; }
.zt-chart.is-fs .zt-fsbar, .zt-chart.is-max .zt-fsbar {
  display: flex; gap: 10px; position: absolute; top: 10px; right: 12px; z-index: 30; align-items: center;
}
.zt-fsbar__b {
  border: 0; border-radius: 10px; padding: 9px 22px; font-weight: 700; font-size: .9rem; color: #fff; cursor: pointer;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: transform .12s, background .2s;
}
.zt-fsbar__buy  { background: color-mix(in srgb, var(--up, #00a86b) 62%, transparent); }
.zt-fsbar__sell { background: color-mix(in srgb, var(--down, #e5384f) 62%, transparent); }
.zt-fsbar__b:hover { transform: translateY(-1px); }
.zt-fsbar__buy:hover  { background: color-mix(in srgb, var(--up, #00a86b) 85%, transparent); }
.zt-fsbar__sell:hover { background: color-mix(in srgb, var(--down, #e5384f) 85%, transparent); }
.zt-fsbar__x { border: 0; width: 34px; height: 34px; border-radius: 50%; background: rgba(127,127,127,.25); color: var(--ink, #111); cursor: pointer; }
.zt-chart.is-fs { background: var(--bg-raised, #fff); height: 100vh !important; }

.ann-dlg__never { display: flex; align-items: center; gap: 8px; justify-content: center; padding: 10px 14px 14px;
  font-size: .82rem; color: var(--ink-3, #7a8699); cursor: pointer; user-select: none; }
.ann-dlg__never input { width: 16px; height: 16px; accent-color: var(--brand, #00b4d8); }

/* ── New user rewards scroller ─────────────────────────────────────────── */
.nur{background:var(--bg-raised,#fff);border:1px solid var(--line,rgba(0,0,0,.08));border-radius:18px;padding:18px}
.zr-card .nur{border:0;padding:0;background:none}
.nur__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.nur__h{margin:0;font-size:1.15rem}
.nur__p{margin:4px 0 0;opacity:.75;font-size:.9rem}
.nur__timer{display:flex;flex-direction:column;align-items:flex-end;font-size:.75rem;opacity:.9}
.nur__timer b{font-variant-numeric:tabular-nums;font-size:1rem;color:var(--brand,#1f6feb)}
.nur__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.nur__track::-webkit-scrollbar{height:6px}.nur__track::-webkit-scrollbar-thumb{background:rgba(127,127,127,.3);border-radius:3px}
.nur-card{flex:0 0 calc((100% - 24px)/3);min-width:200px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;
  padding:14px;border-radius:14px;background:linear-gradient(160deg,rgba(31,111,235,.10),rgba(31,111,235,.02));border:1px solid rgba(31,111,235,.18)}
@media (max-width:720px){.nur-card{flex-basis:72%}}
.nur-card__top{display:flex;justify-content:space-between;align-items:center}
.nur-card__ic{font-size:1.5rem}
.nur-card__amt{font-weight:800;color:var(--brand,#1f6feb)}
.nur-card__t{font-size:.95rem}
.nur-card__d{opacity:.7;font-size:.8rem;flex:1}
.nur-card__bar{height:5px;border-radius:3px;background:rgba(127,127,127,.2);overflow:hidden}
.nur-card__bar i{display:block;height:100%;background:var(--brand,#1f6feb)}
.nur-card__prog{font-size:.75rem;opacity:.7}
.nur-card__cta{align-self:flex-start;margin-top:4px}
.nur-card__done{color:#059669;font-weight:700;font-size:.85rem}
.nur-card.is-claimed{opacity:.65}

/* ── Settings: passkeys / devices / general (zs-*) ─────────────────────── */
.st-sub{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3,#6b7280);margin:18px 0 8px}
.st-row--sub{padding-left:12px}
.zs-list{display:flex;flex-direction:column;gap:8px;margin:6px 0}
.zs-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line,rgba(0,0,0,.08));border-radius:12px;background:var(--bg-inset,rgba(0,0,0,.02))}
.zs-item__ic{font-size:1.3rem;flex:none}
.zs-item__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.zs-item__b b{font-size:.92rem;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.zs-item__b small{color:var(--ink-3,#6b7280);font-size:.76rem;overflow-wrap:anywhere}
.zs-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.zs-tcard{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:14px;border:2px solid var(--line,rgba(0,0,0,.1));background:var(--bg-raised,#fff);color:inherit;font:inherit;cursor:pointer}
.zs-tcard.is-on{border-color:var(--brand,#1f6feb);box-shadow:0 0 0 3px rgba(31,111,235,.15)}
.zs-tcard small{font-size:.7rem;color:var(--ink-3,#6b7280)}
.zs-tprev{width:100%;height:54px;border-radius:9px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 10px;margin-bottom:4px;border:1px solid rgba(127,127,127,.25)}
.zs-tprev i{display:block;height:7px;border-radius:4px}
.zs-tprev i:last-child{width:60%}
.zs-tprev--light{background:#f8fafc}.zs-tprev--light i{background:#cbd5e1}.zs-tprev--light i:first-child{background:#1f6feb}
.zs-tprev--dark{background:#0f172a}.zs-tprev--dark i{background:#334155}.zs-tprev--dark i:first-child{background:#3b82f6}
.zs-tprev--auto{background:linear-gradient(110deg,#f8fafc 50%,#0f172a 50%)}.zs-tprev--auto i{background:#64748b}.zs-tprev--auto i:first-child{background:#1f6feb}
.zs-opts{display:grid;gap:8px}
.zs-opts--2{grid-template-columns:1fr 1fr}
@media (max-width:520px){.zs-opts--2{grid-template-columns:1fr}.zs-cards{gap:6px}}
.zs-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line,rgba(0,0,0,.1));border-radius:12px;cursor:pointer}
.zs-opt:has(input:checked){border-color:var(--brand,#1f6feb);background:rgba(31,111,235,.06)}
.zs-opt input{accent-color:var(--brand,#1f6feb)}
.zs-opt span{display:flex;flex-direction:column}
.zs-opt b{font-size:.9rem;font-variant-numeric:tabular-nums}
.zs-opt small{font-size:.74rem;color:var(--ink-3,#6b7280)}
.zs-opt em{font-style:normal}
.zs-up{color:#16a34a}.zs-dn{color:#dc2626}
.zs-cd{display:inline-block;width:8px;height:16px;border-radius:2px;margin-right:3px;vertical-align:middle}
.zs-dnd{display:flex;gap:16px;padding:4px 0 8px 12px;flex-wrap:wrap}
.zs-dnd label{display:flex;align-items:center;gap:8px;font-size:.85rem}
.zs-dnd input{padding:6px 8px;border-radius:8px;border:1px solid var(--line,rgba(0,0,0,.15));background:var(--bg-raised,#fff);color:inherit}
.zs-check{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;margin:6px 0 12px;cursor:pointer}
.zs-check input{margin-top:3px;accent-color:var(--brand,#1f6feb)}
.zcf .stf select{width:100%;padding:10px;border-radius:10px;border:1px solid var(--line,rgba(0,0,0,.15));background:var(--bg-raised,#fff);color:inherit;font:inherit}
.zs-go--danger{background:#dc2626 !important;border-color:#dc2626 !important}

/* ── Proof of reserves ─────────────────────────────────────────────────── */
.por-sum{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:12px;margin-top:18px}
@media (max-width:820px){.por-sum{grid-template-columns:1fr 1fr}}
.por-kpi{padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--bg-raised);display:flex;flex-direction:column;gap:4px}
.por-kpi span{font-size:.78rem;color:var(--ink-3)}
.por-kpi b{font-size:1.35rem;font-variant-numeric:tabular-nums}
.por-kpi--main{background:linear-gradient(135deg,var(--brand,#1f6feb),var(--brand-deep,#1d4ed8));color:#fff;border:0}
.por-kpi--main span,.por-kpi--main small{color:rgba(255,255,255,.85)}
.por-kpi--main b{font-size:2rem}
.por-live{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--ink-3);margin:10px 0 16px}
.por-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.6);animation:porPulse 1.6s infinite}
@keyframes porPulse{70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.por-tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--bg-raised)}
.por-tbl{width:100%;border-collapse:collapse;min-width:560px}
.por-tbl th{font-size:.75rem;text-align:left;color:var(--ink-3);padding:12px 14px;border-bottom:1px solid var(--line)}
.por-tbl td{padding:12px 14px;border-bottom:1px solid var(--line-soft,var(--line));vertical-align:middle;font-variant-numeric:tabular-nums}
.por-tbl td b{display:block;font-size:.9rem}.por-tbl td small{color:var(--ink-3);font-size:.75rem}
.por-coin{display:flex;align-items:center;gap:8px}.por-coin img{width:26px;height:26px;border-radius:50%}
.por-coin small{margin-left:4px}
.por-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--bg-inset)}
.por-pill--ok{background:rgba(22,163,74,.12);color:#15803d}
.por-flash{animation:porFlash .8s}
@keyframes porFlash{from{background:rgba(31,111,235,.18)}to{background:transparent}}
@media (max-width:560px){.por-hide{display:none}}

/* ── Network status ────────────────────────────────────────────────────── */
.ns-hero{display:flex;gap:20px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--bg-raised);flex-wrap:wrap}
.ns-gauge{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:8px solid var(--bg-inset);flex:none}
.ns-gauge b{font-size:2rem}.ns-gauge small{font-size:.72rem;color:var(--ink-3)}
.ns-gauge.is-ok{border-color:#16a34a}.ns-gauge.is-warn{border-color:#f59e0b}.ns-gauge.is-bad{border-color:#dc2626}
.ns-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;flex:1;min-width:240px}
.ns-meta span{display:block;font-size:.74rem;color:var(--ink-3)}.ns-meta b{font-size:.9rem;overflow-wrap:anywhere}
.ns-list{margin-top:14px;border:1px solid var(--line);border-radius:18px;background:var(--bg-raised);overflow:hidden}
.ns-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line-soft,var(--line))}
.ns-row:last-child{border-bottom:0}
.ns-row>div{flex:1}.ns-row b{display:block;font-size:.92rem}.ns-row small{font-size:.76rem;color:var(--ink-3)}
.ns-row em{font-style:normal;font-weight:700;font-size:.85rem;font-variant-numeric:tabular-nums}
.ns-ic{color:var(--ink-faint,#9ca3af)}
.ns-row.is-ok .ns-ic,.ns-row.is-ok em{color:#16a34a}.ns-row.is-warn .ns-ic,.ns-row.is-warn em{color:#d97706}.ns-row.is-bad .ns-ic,.ns-row.is-bad em{color:#dc2626}
.ns-row.is-wait .ns-ic{animation:porPulse 1.2s infinite}
.footer-base__links a{color:inherit;text-decoration:underline;text-underline-offset:2px}