:root {
  color-scheme:light;
  --bg:#f5f7f8;
  --panel:#fff;
  --line:#e1e8e9;
  --text:#183038;
  --muted:#52696e;
  --green:#087662;
  --green-soft:#e9f5ef;
  --purple:#728bb8;
  --red:#9c4140;
  --amber:#866128;
  --accent:#35699a;
  --accent-soft:#eaf1f7;
  --text-2:#415e65;
  --chart:#2c9a7c;
  --chart-2:#6c86b3;
  --grid:#cbd8d4;
  --line-green:#cfe0db;
  --font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

* {
  box-sizing:border-box}
html {
  scroll-behavior:auto;
  scroll-padding-top:22px}
body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:14px/1.5 var(--font);
  -webkit-font-smoothing:antialiased}
a {
  color:inherit;
  text-decoration:none}
a:hover {
  color:var(--accent)}
button,input,select {
  font:inherit;
  color:inherit}
button,select,summary {
  cursor:pointer}
button {
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:6px;
  padding:7px 11px}
button:hover {
  border-color:var(--line-green);
  color:var(--green)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:3px solid #81c8b4;
  outline-offset:3px}
[hidden] {
  display:none!important}
.positive,.green {
  color:var(--green)}
.negative,.red {
  color:var(--red)}
.amber {
  color:var(--amber)}
.muted,.neutral {
  color:var(--muted)}
.dot {
  display:inline-block;
  width:6px;
  height:6px;
  flex:none;
  background:currentColor;
  border-radius:50%}

.site-header {
  height:72px;
  background:white;
  border-bottom:1px solid var(--line)}
.header-inner {
  max-width:1380px;
  height:100%;
  padding:0 40px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:54px}
.wordmark {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:23px;
  font-weight:650;
  letter-spacing:-.9px;
  white-space:nowrap}
.wordmark-light {
  font-weight:400;
  color:var(--muted)}
.mark {
  width:32px;
  height:32px;
  fill:none;
  stroke:var(--green);
  stroke-width:2.5;
  flex:none}
.navlinks {
  display:flex;
  align-self:stretch;
  gap:28px}
.navlinks a {
  display:flex;
  align-items:center;
  position:relative;
  color:var(--muted);
  font-size:13px;
  font-weight:500}
.navlinks .active {
  color:var(--green)}
.navlinks .active:after {
  content:'';
  height:3px;
  background:var(--green);
  position:absolute;
  bottom:-1px;
  left:0;
  right:0;
  border-radius:3px 3px 0 0}
.site-state {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:18px}
.network-label {
  font-size:12px;
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--muted)}
.network-label .dot {
  color:var(--green)}
.preview {
  padding:3px 8px;
  background:#fbf4e5;
  border:1px solid #e9dbc1;
  color:var(--muted);
  border-radius:5px;
  font-size:12px}
.shell {
  max-width:1380px;
  padding:0 40px;
  margin:auto}
.page-heading {
  padding:26px 0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px}
h1 {
  font-size:30px;
  line-height:1.25;
  font-weight:650;
  letter-spacing:-1px;
  margin:0 0 7px}
.intro {
  margin:0;
  font-size:14px;
  color:var(--muted)}
.snapshot-label {
  display:flex;
  gap:8px;
  align-items:center;
  color:var(--green);
  font-size:12px;
  white-space:nowrap}
.snapshot-label>span:last-child {
  color:var(--muted)}
.snapshot-label strong {
  display:block;
  color:var(--text-2);
  font-weight:500;
  font-size:12px;
  margin-top:2px}
.snapshot-label[title] {
  cursor:help}

.market-strip {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px}
.market-item {
  background:white;
  border:1px solid var(--line);
  padding:13px 19px;
  border-radius:10px;
  min-width:0;
  box-shadow:0 2px 3px #1d454002}
.metric-label {
  display:block;
  font-size:12px;
  color:var(--muted);
  font-weight:500}
.ticker {
  font-size:12px;
  letter-spacing:.3px;
  padding:1px 5px;
  border-radius:4px;
  background:#eff4f4;
  color:var(--muted);
  margin-left:5px;
  font-weight:500}
.price-line {
  display:flex;
  align-items:baseline;
  gap:11px;
  flex-wrap:wrap}
.market-item strong {
  display:block;
  font-size:26px;
  font-weight:620;
  letter-spacing:-.7px;
  line-height:1.3;
  font-variant-numeric:tabular-nums;
  margin-top:6px}
.market-change {
  font-size:12px;
  font-weight:550;
  white-space:nowrap;
  background:var(--green-soft);
  border-radius:4px;
  padding:2px 5px}
.market-change.negative {
  background:#fbefed}
.market-change>span {
  font-weight:400;
  font-size:12px;
  margin-left:3px}
small {
  display:block;
  font-size:12px;
  font-weight:400;
  color:var(--muted);
  margin-top:5px}
.market-item small {
  font-size:12px;
  margin-top:5px}
.market-item small[title] {
  cursor:help}
.cap-link:hover {
  text-decoration:underline}
.market-item .cap-value {
  font-size:26px}

.panel {
  background:white;
  border:1px solid var(--line);
  border-radius:11px;
  min-width:0;
  box-shadow:0 2px 4px #244b4703}
.overview {
  display:grid;
  grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr);
  gap:18px;
  margin-bottom:27px}
.flow-panel {
  padding:18px 22px 6px;
  overflow:hidden}
.chart-heading {
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:start}
h2 {
  font-size:19px;
  letter-spacing:-.4px;
  font-weight:600;
  margin:0}
.chart-heading h2 {
  font-size:16px;
  letter-spacing:-.3px}
.chart-heading p {
  font-size:12px;
  color:var(--muted);
  margin:4px 0 0}
.period-label {
  font-size:12px;
  color:var(--muted);
  white-space:nowrap;
  padding:4px 8px;
  background:#f4f7f7;
  border:1px solid var(--line);
  border-radius:5px}
.flow-headline {
  display:flex;
  align-items:baseline;
  gap:7px;
  margin:16px 0 5px;
  flex-wrap:wrap}
.flow-headline>strong {
  font-size:28px;
  font-weight:600;
  letter-spacing:-.9px;
  line-height:1.2;
  color:var(--text-2);
  font-variant-numeric:tabular-nums}
.flow-headline>span {
  font-size:12px;
  color:var(--muted)}
.chart-legend {
  display:flex;
  gap:15px;
  margin-left:auto;
  font-size:12px;
  color:var(--muted)}
.chart-legend>span {
  display:flex;
  align-items:center;
  gap:5px}
.chart-legend i {
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:2px}
.chart-legend b {
  color:var(--text-2);
  font-weight:550;
  font-size:12px;
  margin-left:1px}
.withdrawal-key {
  background:var(--chart)}
.return-key {
  background:var(--chart-2)}
.flow-chart {
  width:100%;
  height:auto;
  display:block;
  overflow:visible;
  margin-top:8px}
.chart-mobile {
  display:none}
.axis-label {
  fill:var(--muted);
  font:12px var(--font)}
.chart-grid {
  stroke:var(--grid);
  stroke-dasharray:3 5;
  fill:none}
.withdrawal-line,.return-line {
  fill:none;
  stroke:var(--chart);
  stroke-width:2;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke}
.return-line {
  stroke:var(--chart-2);
  stroke-width:1.7}
.chart-empty {
  height:145px;
  display:grid;
  place-items:center;
  color:var(--muted)}

.metrics {
  padding:0 22px;
  display:flex;
  flex-direction:column}
.metric {
  padding:16px 0;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex:1}
.metric+.metric {
  border-top:1px solid var(--line)}
.metric>div {
  min-width:0;
  width:100%}
.metric strong {
  display:block;
  font-size:26px;
  letter-spacing:-.6px;
  font-weight:600;
  line-height:1.15;
  font-variant-numeric:tabular-nums;
  margin-top:5px}
.metric strong>span,.metric-unit {
  font-size:12px;
  font-weight:450;
  color:var(--muted);
  letter-spacing:0;
  margin-left:4px}
.metric-explanation {
  font-size:12px;
  margin-top:5px}
.metric-note {
  display:none}
.metric-flows {
  padding-top:13px;
  padding-bottom:14px}
.metric-flows>div {
  text-align:center}
.flow-periods {
  display:grid;
  gap:4px;
  min-width:0;
  justify-items:center}
.flow-period {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px}
.flow-window {
  font-size:12px;
  color:var(--muted);
  font-weight:400}
.flow-value {
  display:inline-block;
  font-size:13px;
  font-weight:500;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  border-radius:4px;
  padding:1px 5px;
  line-height:1.4}
.flow-value.positive {
  background:var(--green-soft)}
.flow-value.negative {
  background:#fbefed}
.flow-value.muted {
  background:#f1f4f5}
.headline-flows {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:9px}
.headline-flows .flow-period {
  display:block;
  min-width:0;
  text-align:center;
  padding:6px 2px;
  border-radius:7px}
.headline-flows .flow-window {
  font-size:12px;
  display:block;
  margin-bottom:4px}
.headline-flows .flow-value {
  font-size:17px;
  letter-spacing:-.35px;
  padding:2px 9px;
  margin-top:0;
  font-weight:550}

.watchlist {
  scroll-margin-top:25px}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:16px}
.section-heading p {
  font-size:12px;
  color:var(--muted);
  margin:4px 0 0}
.section-heading p strong {
  font-weight:550;
  color:var(--text-2)}
.count {
  display:inline-block;
  font-size:12px;
  color:var(--text-2);
  background:#edf1f2;
  border-radius:5px;
  line-height:1.5;
  padding:1px 7px;
  margin-left:7px;
  font-weight:550;
  letter-spacing:0;
  vertical-align:middle}
.data-link {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:7px;
  font-size:12px;
  color:var(--text-2);
  white-space:nowrap}
.data-link svg {
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round}
.controls {
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px}
.search-label {
  display:flex;
  align-items:center;
  gap:9px;
  width:330px;
  border:1px solid #dbe4e5;
  background:white;
  border-radius:7px;
  padding:0 13px;
  min-height:40px}
.search-label svg {
  width:16px;
  height:16px;
  fill:none;
  stroke:var(--muted);
  stroke-width:1.7;
  flex:none}
.controls input {
  background:transparent;
  border:0;
  min-width:0;
  width:100%;
  font-size:12px;
  padding:10px 0;
  outline-offset:0}
.controls input::placeholder {
  color:var(--muted)}
.controls select {
  background:white;
  border:1px solid #dbe4e5;
  border-radius:7px;
  padding:10px 27px 10px 12px;
  font-size:12px;
  height:40px}
.controls output {
  margin-left:auto;
  color:var(--muted);
  font-size:12px}
.mobile-sort {
  display:none}
.table-scroll {
  overflow:auto;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  scrollbar-color:#cfdddb var(--bg)}
table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  font-size:13px}
#wallet-table {
  min-width:1060px}
thead {
  background:#f1f5f5}
thead th {
  font-size:12px;
  font-weight:550;
  padding:12px 16px;
  border-bottom:1px solid var(--line);
  color:var(--text-2);
  white-space:nowrap}
thead th.num-head {
  text-align:right}
thead th.flow-head,thead th:last-child {
  text-align:center}
thead th.flow-head .column-label {
  justify-content:center}
.flow-head .window-toggle {
  display:flex;
  width:max-content;
  margin:7px auto 0}
.column-label {
  display:inline-flex;
  align-items:center;
  gap:4px}
thead button {
  border:0;
  background:none;
  font-size:13px;
  padding:0;
  color:var(--muted)}
thead th small {
  font-size:12px;
  color:var(--muted);
  font-weight:400;
  margin-top:3px}
th[aria-sort=descending] .column-label,th[aria-sort=ascending] .column-label {
  color:var(--text)}
th[aria-sort=descending] .column-label button,th[aria-sort=ascending] .column-label button {
  color:var(--text)}
td,th {
  padding:12px 16px}
tbody.wallet {
  border-bottom:1px solid var(--line)}
tbody.wallet:last-child {
  border:0}
tbody.wallet:hover {
  background:#f4f8f6}
.wallet-row>th {
  font-weight:400;
  vertical-align:top;
  width:26%}
.wallet-identity {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0}
.rank {
  font-size:12px;
  font-variant-numeric:tabular-nums;
  color:var(--muted);
  width:22px;
  text-align:center;
  flex:none}
.wallet-name {
  min-width:0;
  max-width:235px}
.wallet-address,.detail-address,.exchange-address {
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0}
.wallet-address {
  margin-bottom:7px}
.address {
  display:inline-block;
  font:12px/1.5 var(--mono);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
  vertical-align:middle;
  color:var(--text-2)}
.address:hover {
  color:var(--accent)}
.copy {
  border:0;
  background:transparent;
  color:var(--muted);
  flex:none;
  font-size:16px;
  padding:0 3px;
  line-height:1.4}
.badge {
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  padding:2px 7px;
  border-radius:4px;
  background:#f1f4f5;
  color:var(--text-2)}
.badge .dot {
  width:5px;
  height:5px;
  background:var(--muted)}
.badge.green .dot {
  background:var(--green)}
.badge.amber .dot {
  background:#c9963a}
.badge.red .dot {
  background:var(--red)}
.num {
  text-align:right;
  font-variant-numeric:tabular-nums;
  font-size:15px;
  white-space:nowrap}
.wallet-row td {
  vertical-align:top;
  padding-top:12px}
.num small {
  font-size:12px;
  margin-top:6px;
  color:var(--muted)}
.family-balance-note {
  white-space:nowrap}
.main-value {
  font-weight:600;
  color:var(--text)}
.netflow-cell {
  width:124px;
  text-align:center;
  vertical-align:top;
  font-variant-numeric:tabular-nums}
.returned-none {
  font-size:15px}
.wallet-row .history-cell {
  width:120px;
  vertical-align:middle}
.spark {
  width:104px;
  height:34px;
  display:block;
  margin:0 auto}
.spark polyline {
  fill:none;
  stroke:var(--chart);
  stroke-width:1.7;
  vector-effect:non-scaling-stroke}
.gridline {
  stroke:var(--grid);
  fill:none}
details>summary {
  cursor:pointer;
  list-style:none;
  user-select:none}
details>summary::-webkit-details-marker {
  display:none}
details>summary::before {
  content:'+';
  display:inline-block;
  color:var(--muted);
  width:19px}
details[open]>summary::before {
  content:'−';
  color:var(--green)}
.detail-row>td {
  padding:0}
.detail-row>td>details>summary {
  padding:0 17px 14px;
  font-size:12px;
  color:var(--muted)}
.detail-hint {
  color:var(--muted);
  font-size:12px;
  margin-left:17px}
.details-inner {
  padding:25px;
  background:#f8faf9;
  border-top:1px solid var(--line)}
.family-facts,.wallet-facts {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:20px;
  margin:0 0 28px}
.family-facts {
  padding-bottom:23px;
  border-bottom:1px solid var(--line)}
dt {
  font-size:12px;
  color:var(--muted)}
dd {
  margin:5px 0 0;
  font-size:13px;
  overflow-wrap:anywhere}
.node-detail+.node-detail {
  padding-top:24px;
  margin-top:25px;
  border-top:1px solid var(--line)}
h3 {
  font-size:16px;
  font-weight:550;
  letter-spacing:-.3px;
  margin:0 0 14px}
h4 {
  font-size:13px;
  font-weight:550;
  margin:0 0 11px;
  color:var(--text-2)}
.detail-address {
  margin:12px 0 20px}
.transfer-grid {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:25px}
.transfer-grid>div,.method-grid>div {
  min-width:0}
.detail-scroll {
  overflow:auto;
  max-width:100%;
  min-width:0}
.detail-scroll th,.detail-scroll td {
  font-size:12px;
  padding:11px;
  border-bottom:1px solid var(--line);
  white-space:nowrap}
.table-note {
  font-size:12px;
  color:var(--muted);
  line-height:1.7;
  margin:15px 1px 0}
.table-note a {
  color:var(--muted);
  margin-left:8px;
  white-space:nowrap}
.notice {
  padding:18px;
  color:var(--muted);
  font-size:13px;
  border:1px dashed #cbdad7;
  border-radius:7px}

.balance-reconciliation {
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  padding:20px;
  margin:19px 0 25px}
.reconciliation-heading {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:15px;
  margin-bottom:19px}
.reconciliation-heading h3 {
  font-size:15px;
  margin:0}
.reconciliation-heading>span {
  font-size:12px;
  white-space:nowrap;
  color:var(--muted)}
.reconciliation-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px}
.reconciliation-columns h4 {
  font-size:12px;
  color:var(--muted)}
.reconciliation-lines {
  margin:0}
.reconciliation-lines>div {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:20px;
  padding:5px 0}
.reconciliation-lines dt {
  font-size:12px}
.reconciliation-lines dd {
  font-size:13px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  margin:0}
.reconciliation-lines .reconciliation-total {
  border-top:1px solid var(--line);
  margin-top:6px;
  padding-top:10px}
.reconciliation-total dt,.reconciliation-total dd {
  color:var(--text-2);
  font-weight:550}
.reconciliation-adjustment dd {
  color:var(--amber)}
.balance-equation {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:11px 15px;
  border-top:1px solid var(--line);
  padding-top:17px;
  margin-top:18px;
  font-size:18px;
  font-variant-numeric:tabular-nums;
  line-height:1.4}
.balance-equation>span,.balance-equation>strong {
  display:block;
  white-space:nowrap}
.balance-equation>i {
  font-style:normal;
  color:var(--muted)}
.balance-equation>strong {
  color:var(--green);
  font-weight:600}
.balance-equation small {
  font-size:12px;
  margin-top:4px;
  font-weight:400}
.exact-reconciliation {
  margin-top:17px}
.exact-reconciliation>summary {
  font-size:12px;
  color:var(--muted)}
.exact-reconciliation p {
  font:12px/1.8 var(--mono);
  overflow-wrap:anywhere;
  color:var(--text-2);
  background:#f7faf8;
  border:1px solid var(--line);
  border-radius:6px;
  padding:13px;
  margin:11px 0 0}
.reconciliation-note,.balance-unavailable {
  font-size:12px;
  line-height:1.8;
  color:var(--muted);
  margin:14px 0 0}

.method {
  margin-top:27px}
.method>summary {
  display:flex;
  align-items:center;
  padding:21px 23px;
  font-size:15px;
  font-weight:500}
.summary-note {
  margin-left:auto;
  font-size:12px;
  font-weight:400;
  color:var(--muted)}
.method-content {
  border-top:1px solid var(--line);
  padding:25px}
.method-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:45px;
  margin-bottom:27px}
.method p,.limitations {
  font-size:13px;
  line-height:1.85;
  color:var(--text-2)}
.method strong {
  color:var(--text-2);
  font-weight:550}
.limitations {
  padding-left:18px;
  margin:0}
.limitations li {
  padding-left:3px;
  margin-bottom:10px}
.method-section,.context {
  border-top:1px solid var(--line);
  padding:16px 0}
.method-section>summary,.context>summary {
  font-size:13px;
  font-weight:450}
.proof {
  padding:8px 0;
  font-size:12px;
  color:var(--muted)}
.proof>summary {
  padding:8px 0}
.proof>summary>span {
  float:right}
pre {
  max-height:280px;
  overflow:auto;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font:12px/1.75 var(--mono);
  padding:17px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#f6f9f8}
.proof button {
  font-size:12px}
.sources {
  display:grid;
  gap:15px;
  margin:23px 0}
.sources a {
  font-size:12px;
  color:var(--accent);
  overflow-wrap:anywhere}
.exchange-address {
  margin:15px 0;
  max-width:650px}
.exchange-address .tag {
  font-size:12px;
  min-width:40px;
  color:var(--muted)}
.trail>span {
  color:var(--green);
  margin:0 8px}
.context .address {
  max-width:380px}
.activity-list {
  display:grid;
  gap:12px;
  max-width:360px}
.activity-list>div {
  display:flex;
  justify-content:space-between;
  gap:20px}
.activity-list dt {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px}
.activity-list dd {
  margin:0;
  font-size:14px}
.donation {
  padding:25px;
  margin-top:23px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px}
.donation>div {
  min-width:0}
.donation p {
  font-size:13px;
  color:var(--muted)}
.donation img {
  max-width:25%;
  height:auto}
.copy-status {
  position:fixed;
  bottom:24px;
  left:50%;
  transform:translateX(-50%);
  padding:12px 20px;
  background:#275f50;
  color:#fff;
  border-radius:8px;
  box-shadow:0 7px 28px #1f473d25;
  z-index:5;
  font-size:13px;
  max-width:90%;
  text-align:center}
.copy-status:empty {
  display:none}
footer {
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:25px;
  padding:28px 0 32px;
  margin-top:35px;
  border-top:1px solid var(--line);
  font-size:12px;
  color:var(--muted)}
footer strong {
  font-size:14px;
  letter-spacing:-.3px;
  color:var(--muted);
  font-weight:550}
footer p {
  margin:5px 0 0}
.footer-note {
  font-size:12px;
  line-height:1.8}
footer nav {
  display:flex;
  gap:22px;
  align-items:center;
  padding-top:4px}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap}
.skip {
  position:fixed;
  left:12px;
  top:-100px;
  z-index:6;
  background:#fff;
  padding:12px;
  border:1px solid var(--green);
  border-radius:5px}
.skip:focus {
  top:12px}

@media(min-width:1550px) {
  .header-inner,.shell {
  max-width:1490px;
  padding-left:50px;
  padding-right:50px}
.flow-chart {
  height:auto}
.market-item strong {
  font-size:27px}
.wallet-name {
  max-width:270px}
.overview {
  grid-template-columns:minmax(0,2.3fr) minmax(330px,1fr)}
}

@media(max-width:1150px) {
  .shell,.header-inner {
  padding-left:27px;
  padding-right:27px}
.header-inner {
  gap:35px}
.site-state {
  gap:12px}
.network-label {
  display:none}
.market-item {
  padding:14px}
.market-strip {
  gap:11px}
.market-item strong,.market-item .cap-value {
  font-size:23px}
.price-line {
  gap:6px}
.market-change {
  font-size:12px}
.overview {
  grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);
  gap:14px}
.flow-panel {
  padding-left:17px;
  padding-right:17px}
.chart-heading h2 {
  font-size:16px}
.chart-heading p {
  font-size:12px}
.flow-headline>strong {
  font-size:26px}
.chart-legend {
  width:100%;
  margin-left:0;
  margin-top:4px}
.flow-chart {
  height:auto}
.metrics {
  padding-left:18px;
  padding-right:18px}
.metric strong {
  font-size:23px}
.headline-flows .flow-value {
  font-size:15px}
.metric-explanation {
  font-size:12px}
.market-item small {
  font-size:12px}
h1 {
  font-size:28px}
.intro {
  font-size:13px}
.wallet-name {
  max-width:190px}
#wallet-table {
  min-width:990px}
thead th,td,th {
  padding-left:12px;
  padding-right:12px}
.snapshot-label {
  font-size:12px}
.snapshot-label strong {
  font-size:12px}
}

@media(max-width:850px) and (min-width:701px) {
  .overview {
  grid-template-columns:minmax(0,1.5fr) minmax(265px,1fr)}
.market-item strong,.market-item .cap-value {
  font-size:21px}
.market-change {
  font-size:12px}
.snapshot-label {
  display:none}
.flow-headline>strong {
  font-size:24px}
.flow-headline>span {
  font-size:12px}
.chart-heading h2 {
  font-size:15px}
.period-label {
  display:none}
.market-item small {
  font-size:12px}
.header-inner {
  gap:25px}
}

@media(max-width:700px) {
  .site-header {
  height:auto}
.header-inner {
  min-height:101px;
  flex-wrap:wrap;
  position:relative;
  gap:0;
  padding:17px 19px 0;
  align-items:flex-start}
.wordmark {
  font-size:21px;
  line-height:31px;
  gap:8px}
.mark {
  width:29px;
  height:29px}
.site-state {
  position:absolute;
  right:18px;
  top:20px;
  margin:0}
.preview {
  font-size:11px;
  padding:2px 6px}
.navlinks {
  width:100%;
  height:43px;
  margin-top:10px;
  gap:25px}
.navlinks a {
  font-size:12px}
.shell {
  padding:0 17px}
.page-heading {
  display:block;
  padding:24px 0 19px}
h1 {
  font-size:26px;
  letter-spacing:-.8px;
  line-height:1.23;
  max-width:340px;
  margin-bottom:8px}
.intro {
  font-size:12px;
  line-height:1.7;
  max-width:340px}
.snapshot-label {
  margin-top:13px;
  font-size:11px;
  gap:6px}
.snapshot-label>span:last-child {
  display:flex;
  gap:7px;
  align-items:baseline;
  flex-wrap:wrap}
.snapshot-label strong {
  display:inline;
  font-size:11px;
  margin-top:0}
.snapshot-label .dot {
  width:5px;
  height:5px}
.market-strip {
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:14px}
.market-item {
  padding:13px;
  border-radius:8px}
.metric-label {
  font-size:11px}
.market-item strong,.market-item .cap-value {
  font-size:21px;
  letter-spacing:-.6px;
  margin-top:5px}
.price-line {
  gap:4px}
.market-change {
  font-size:11px;
  padding:1px 4px;
  margin-top:3px}
.market-change>span {
  font-size:11px}
.market-item small {
  font-size:11px;
  line-height:1.6}
.market-item.price-item small {
  font-size:11px}
.overview {
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-bottom:26px}
.flow-panel {
  padding:16px 15px 3px;
  border-radius:9px}
.chart-heading h2 {
  font-size:15px;
  line-height:1.4}
.chart-heading p {
  font-size:11px;
  line-height:1.6;
  max-width:240px}
.period-label {
  font-size:11px;
  padding:3px 6px}
.flow-headline {
  margin-top:13px;
  gap:5px}
.flow-headline>strong {
  font-size:25px}
.flow-headline>span {
  font-size:11px}
.chart-legend {
  font-size:11px;
  margin:6px 0 0;
  gap:14px}
.chart-legend b {
  font-size:11px}
.flow-chart {
  height:auto;
  margin-top:8px}
.chart-desktop {
  display:none}
.chart-mobile {
  display:block}
.axis-label {
  font-size:12px}
.returned {
  color:var(--text)}
.metrics {
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:14px 15px;
  gap:13px 15px;
  border-radius:9px}
.metric {
  padding:0;
  display:block}
.metric+.metric {
  border:0}
.metric:nth-child(2) {
  border-left:1px solid var(--line);
  padding-left:15px}
.metric strong {
  font-size:22px;
  margin-top:5px}
.metric strong>span {
  font-size:11px}
.metric-explanation {
  font-size:11px;
  line-height:1.6}
.metric-flows {
  grid-column:1/-1;
  border-top:1px solid var(--line)!important;
  padding-top:12px!important}
.headline-flows {
  gap:15px;
  margin-top:7px}
.headline-flows .flow-value {
  font-size:17px}
.headline-flows .flow-window {
  font-size:11px}
.metric-unit {
  font-size:11px}
.section-heading {
  align-items:start;
  gap:12px;
  margin-bottom:14px}
h2 {
  font-size:18px}
.section-heading p {
  font-size:11px;
  line-height:1.7;
  max-width:270px}
.data-link {
  font-size:0;
  border:0;
  padding:6px 0 6px 8px;
  background:none}
.data-link svg {
  width:20px;
  height:20px}
.count {
  font-size:11px;
  margin-left:4px}
.controls {
  flex-wrap:wrap;
  gap:9px;
  margin-bottom:12px}
.search-label {
  width:100%;
  min-height:40px}
.controls input {
  font-size:12px}
.controls select {
  font-size:11px;
  height:37px;
  padding:8px 22px 8px 11px;
  max-width:100%}
.filter-label {
  max-width:45%}
.mobile-sort {
  display:block;
  max-width:55%}
.controls output {
  display:none}
.table-scroll {
  border:0;
  background:none;
  border-radius:0;
  overflow:visible}
#wallet-table {
  display:block;
  min-width:0}
#wallet-table thead {
  display:none}
tbody.wallet {
  display:block;
  border:1px solid var(--line);
  border-radius:9px;
  margin-bottom:13px;
  background:#fff;
  overflow:hidden}
tbody.wallet:last-child {
  border:1px solid var(--line)}
.wallet-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:17px 20px;
  padding:17px}
.wallet-row>th {
  grid-column:1/-1;
  display:block;
  width:100%;
  padding:0 0 14px;
  border-bottom:1px solid var(--line)}
.wallet-identity {
  gap:9px}
.rank {
  width:19px;
  font-size:12px}
.wallet-name {
  max-width:calc(100% - 28px);
  width:100%}
.wallet-address {
  justify-content:space-between;
  margin-bottom:6px}
.wallet-address .address {
  font-size:12px}
.badge {
  font-size:11px}
.wallet-row td {
  display:block;
  min-width:0;
  padding:0;
  font-size:19px;
  text-align:left}
.wallet-row td:before {
  content:attr(data-label);
  display:block;
  font-size:11px;
  font-weight:400;
  color:var(--muted);
  margin-bottom:5px;
  white-space:normal}
.wallet-row td small {
  display:none}
.wallet-row td .family-balance-note {
  display:block;
  font-size:11px;
  white-space:normal;
  line-height:1.6}
.wallet-row .netflow-cell {
  grid-column:1/-1;
  width:auto;
  border-top:1px solid var(--line);
  padding-top:12px}
.wallet-row .flow-periods {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:8px}
.wallet-row .flow-period {
  display:block}
.wallet-row .flow-window {
  font-size:11px;
  display:block;
  margin-bottom:3px}
.wallet-row .flow-value {
  font-size:15px}
.wallet-row .netflow-cell {
  text-align:left}
.wallet-row .flow-periods {
  justify-items:stretch}
.wallet-row .history-cell {
  width:auto;
  grid-column:2;
  display:block;
  padding:0}
.spark {
  width:105px;
  height:30px;
  margin:7px 0 0}
.detail-row,.detail-row>td {
  display:block;
  width:100%;
  padding:0}
.detail-row>td>details>summary {
  font-size:11px;
  padding:0 17px 16px}
.detail-hint {
  display:block;
  font-size:11px;
  margin:5px 0 0 19px;
  line-height:1.7}
.details-inner {
  padding:19px 16px}
.family-facts,.wallet-facts {
  grid-template-columns:1fr 1fr;
  gap:19px 14px}
.detail-address .address {
  font-size:11px}
.transfer-grid {
  grid-template-columns:1fr;
  gap:24px}
.detail-scroll th,.detail-scroll td {
  font-size:11px}
.table-note {
  font-size:11px;
  line-height:1.8;
  margin-top:14px}
.table-note a {
  margin-left:0}
.method {
  margin-top:23px}
.method>summary {
  padding:18px;
  font-size:14px;
  flex-wrap:wrap}
.summary-note {
  display:block;
  width:100%;
  margin:5px 0 0 19px;
  font-size:11px}
.method-content {
  padding:20px 18px}
.method-grid {
  grid-template-columns:1fr;
  gap:28px}
.method p,.limitations {
  font-size:12px}
.method-section>summary,.context>summary {
  font-size:12px}
.balance-reconciliation {
  padding:16px}
.reconciliation-heading {
  display:block}
.reconciliation-heading h3 {
  font-size:14px;
  line-height:1.5}
.reconciliation-heading>span {
  display:block;
  font-size:11px;
  margin-top:5px}
.reconciliation-columns {
  grid-template-columns:1fr;
  gap:20px}
.reconciliation-lines>div {
  gap:12px}
.reconciliation-lines dt {
  font-size:11px}
.reconciliation-lines dd {
  font-size:12px}
.balance-equation {
  font-size:15px;
  gap:10px}
.balance-equation small {
  font-size:11px}
.reconciliation-note {
  font-size:11px}
.exact-reconciliation>summary {
  font-size:11px}
.exact-reconciliation p {
  font-size:11px}
.donation {
  padding:20px}
.donation h2 {
  font-size:16px}
footer {
  flex-wrap:wrap;
  gap:16px;
  margin-top:28px;
  padding:24px 0}
.footer-note {
  font-size:11px}
footer nav {
  width:100%;
  padding-top:1px;
  font-size:11px}
}

@media(max-width:359px) {
  .shell {
  padding:0 13px}
.header-inner {
  padding-left:14px;
  padding-right:14px}
.site-state {
  right:14px}
.wordmark {
  font-size:19px}
.mark {
  width:27px;
  height:27px}
.preview {
  font-size:11px}
h1 {
  font-size:24px}
.market-item {
  padding:11px}
.market-item strong,.market-item .cap-value {
  font-size:18px}
.market-item small {
  font-size:11px}
.chart-heading h2 {
  font-size:14px}
.period-label {
  display:none}
.flow-headline>strong {
  font-size:23px}
.metric strong {
  font-size:20px}
.metric strong>span {
  font-size:11px}
.headline-flows .flow-value {
  font-size:15px}
.metric-explanation {
  font-size:11px}
.wallet-row {
  padding:15px;
  gap:16px 14px}
.wallet-row td {
  font-size:17px}
.wallet-row .flow-value {
  font-size:13px}
.wallet-address .address {
  font-size:11px}
.controls select {
  font-size:11px}
.spark {
  width:92px}
}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
}


@media(min-width:701px) {
  .page-heading {
  padding-top:17px;
  padding-bottom:15px}
.metric {
  padding-top:11px;
  padding-bottom:11px}
.metric-flows {
  padding-top:11px;
  padding-bottom:11px}
.overview {
  margin-bottom:18px}
.flow-chart {
  height:auto}
}

@media(min-width:701px) and (max-width:1150px) {
  #wallet-table {
  min-width:930px}
.wallet-name {
  max-width:165px}
thead th,td,th {
  padding-left:10px;
  padding-right:10px}
.wallet-row .history-cell {
  width:109px}
.spark {
  width:93px}
.netflow-cell {
  width:112px}
}


/* A wallet is one visual group, including all expanded details. */
@media(min-width:701px) {
  tbody.wallet {
  border-bottom:6px solid var(--bg)}
tbody.wallet:last-child {
  border-bottom:0}
.wallet-row>th {
  padding-top:12px}
.wallet-row td {
  padding-bottom:6px}
}

.wallet-address .address-short {
  display:inline-flex;
  align-items:baseline;
  gap:0;
  overflow:visible;
  text-overflow:clip;
  max-width:none;
  white-space:nowrap;
  color:var(--accent);
  text-decoration:underline;
  text-decoration-color:#b7cbdd;
  text-underline-offset:3px;
  font-weight:500}
.address-short:hover {
  color:#24557f;
  text-decoration-color:var(--accent)}
.explorer-arrow {
  display:inline-block;
  font-family:var(--font);
  font-size:13px;
  margin-left:6px;
  text-decoration:none;
  color:var(--accent)}
.address-prefix,.address-suffix {
  flex:none}
.address-ellipsis {
  padding:0 1px}
.copy {
  min-width:27px;
  min-height:28px}
.detail-row>td>details.wallet-details>summary {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 8px;
  width:auto;
  max-width:none;
  min-height:0;
  margin:0 16px 7px 40px;
  padding:2px 0;
  border:0;
  background:none;
  color:var(--muted);
  font-size:12px;
  font-weight:500;
  line-height:1.5}
.detail-row>td>details.wallet-details>summary:hover {
  color:var(--text)}
.detail-row>td>details.wallet-details>summary:hover .show-details-label,.detail-row>td>details.wallet-details>summary:hover .hide-details-label {
  text-decoration:underline;
  text-underline-offset:3px}
.detail-row>td>details.wallet-details>summary:before {
  display:none}
.details-chevron {
  font-size:18px;
  font-weight:400;
  line-height:1;
  transform:rotate(90deg);
  transform-origin:center}
.hide-details-label {
  display:none}
.wallet-details[open]>summary .show-details-label {
  display:none}
.wallet-details[open]>summary .hide-details-label {
  display:inline}
.wallet-details[open]>summary .details-chevron {
  transform:rotate(-90deg)}
.wallet-details .detail-hint {
  margin:0 0 0 6px;
  padding:0;
  font-size:12px;
  font-weight:400;
  color:var(--muted)}
.wallet-details .detail-hint::before {
  content:'·';
  margin-right:8px}
.wallet-details>.details-inner {
  clear:both}
.detail-address .address,.exchange-address .address {
  color:var(--accent);
  text-decoration:underline;
  text-decoration-color:#b7cbdd;
  text-underline-offset:3px}

@media(max-width:700px) {
  .wallet-address .address-short {
  font-size:12px}
.wallet-identity {
  align-items:center}
.wallet-address {
  justify-content:flex-start;
  gap:7px}
.detail-row>td>details.wallet-details>summary {
  margin:0 17px 12px;
  font-size:12px}
.wallet-details>.details-inner {
  padding-top:19px}
.details-chevron {
  font-size:22px}
}

.view-tabs {
  display:flex;
  gap:28px;
  align-self:stretch}
.view-tabs a {
  height:100%}
.view-panel {
  min-width:0;
  outline-offset:5px}
.view-panel:focus {
  outline:none}
.view-panel:focus-visible {
  outline:2px solid #81c8b4}
.volume-view {
  padding-top:26px}

@media(min-width:701px) and (max-width:1150px) {
  .header-inner {
  gap:26px}
.navlinks,.view-tabs {
  gap:23px}
}

@media(max-width:700px) {
  .view-tabs {
  gap:23px}
.navlinks {
  gap:23px}
.navlinks a {
  font-size:11px}
.volume-view {
  padding-top:23px}
}

@media(max-width:359px) {
  .view-tabs,.navlinks {
  gap:17px}
.navlinks a {
  font-size:11px}
}

.balance-qtc {
  display:block;
  white-space:nowrap}
.balance-unit {
  font-size:12px;
  font-weight:400;
  color:var(--muted);
  letter-spacing:0}
.wallet-row td .balance-usd {
  display:block;
  white-space:nowrap;
  font-size:12px;
  line-height:1.5;
  margin-top:5px;
  color:var(--muted)}

@media(max-width:700px) {
  .balance-unit {
  font-size:11px}
.wallet-row td .balance-usd {
  font-size:11px;
  line-height:1.5;
  margin-top:5px}
}

@media(max-width:359px) {
  .wallet-row td .balance-usd {
  font-size:11px}
.balance-unit {
  font-size:11px}
}

/* Actual SafeTrade turnover: independent from the on-chain wallet view. */
.volume-view {
  padding-top:0}
.volume-pair {
  display:inline-block;
  font-size:12px;
  color:var(--green);
  background:var(--green-soft);
  border:1px solid var(--line-green);
  padding:7px 11px;
  border-radius:6px;
  white-space:nowrap}
.volume-kpis {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:20px}
.volume-kpi {
  padding:18px 21px}
.volume-kpi>strong {
  display:block;
  font-size:28px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:-.7px;
  font-variant-numeric:tabular-nums;
  margin-top:7px}
.volume-kpi>strong>span {
  font-size:12px;
  font-weight:450;
  letter-spacing:0;
  color:var(--muted);
  margin-left:3px}
.volume-kpi .kpi-sub {
  display:block;
  font-size:12px;
  color:var(--text-2);
  margin-top:6px;
  font-variant-numeric:tabular-nums}
.volume-kpi .kpi-sub .market-change {
  font-size:12px}
.volume-kpi small {
  font-size:12px;
  color:var(--muted);
  margin-top:7px}
.volume-figure {
  margin:0 0 20px;
  padding:22px 25px 19px}
.volume-figure .chart-heading {
  align-items:center}
.volume-legend {
  display:flex;
  align-items:center;
  gap:19px;
  font-size:12px;
  color:var(--muted)}
.volume-legend>span {
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap}
.volume-legend {
  margin-top:14px}
.volume-legend i {
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:2px;
  background:var(--chart)}
.volume-legend i.ongoing {
  background:repeating-linear-gradient(45deg,var(--chart) 0 2px,#fff 2px 4px)}
.volume-legend i.estimated {
  background:#fff;
  border:1px dashed var(--chart)}
.chart-wrap-mobile {
  display:none}
.volume-chart {
  display:block;
  width:100%;
  height:auto;
  margin-top:16px}
.volume-chart.unit-qtc {
  display:none}
.volume-figure:has(#unit-qtc:checked) .volume-chart.unit-usd {
  display:none}
.volume-figure:has(#unit-qtc:checked) .volume-chart.unit-qtc {
  display:block}
.chart-heading span.unit-qtc {
  display:none}
.volume-figure:has(#unit-qtc:checked) .chart-heading span.unit-usd {
  display:none}
.volume-figure:has(#unit-qtc:checked) .chart-heading span.unit-qtc {
  display:inline}
.volume-axis {
  fill:var(--muted);
  font:12px var(--font)}
.volume-bar {
  fill:var(--chart)}
.volume-bar.estimated {
  stroke:var(--chart);
  stroke-width:1.2;
  stroke-dasharray:3 2}
.volume-hatch {
  pointer-events:none}
.volume-bar:hover {
  filter:brightness(.94)}
.volume-label {
  fill:var(--text-2);
  font:600 12px var(--font);
  font-variant-numeric:tabular-nums}
.volume-label.estimated {
  fill:var(--muted);
  font-weight:500}
.volume-zero {
  fill:var(--chart)}
.estimate {
  color:var(--text-2);
  cursor:help}
.volume-figure figcaption {
  font-size:12px;
  line-height:1.8;
  color:var(--muted);
  margin-top:10px}
.volume-history {
  margin:0 0 20px;
  overflow:hidden}
.volume-history>summary {
  display:flex;
  align-items:center;
  padding:18px 22px;
  font-size:14px;
  font-weight:550;
  color:var(--text-2)}
.volume-history>summary>span {
  font-size:12px;
  font-weight:400;
  color:var(--muted);
  margin-left:auto}
.volume-history .detail-scroll {
  border-top:1px solid var(--line)}
.volume-history th,.volume-history td {
  padding:13px 20px;
  font-size:12px}
.volume-history tbody th {
  font-weight:450}
.volume-history>p {
  font-size:12px;
  line-height:1.8;
  color:var(--muted);
  margin:15px 22px 19px}
.volume-history thead th:not(:first-child):not(:last-child) {
  text-align:right}
.volume-history thead th:last-child {
  text-align:left}
.volume-day-state {
  display:inline-block;
  font-size:12px;
  padding:2px 6px;
  border-radius:4px;
  color:var(--green);
  background:var(--green-soft);
  white-space:nowrap}
.volume-day-state.in_progress {
  color:#866128;
  background:#faf1df}
.volume-method {
  margin:20px 1px 25px;
  max-width:1040px}
.volume-method p {
  font-size:12px;
  line-height:1.8;
  color:var(--muted);
  margin:7px 0}
.volume-method strong {
  font-weight:550;
  color:var(--text-2)}
.volume-method a {
  color:var(--accent);
  text-decoration:underline;
  text-decoration-color:#b7cbdd;
  text-underline-offset:3px}
.volume-empty {
  padding:26px;
  margin-bottom:25px}
.volume-empty p {
  font-size:13px;
  color:var(--muted);
  line-height:1.8}

@media(max-width:1150px) {
  .volume-kpi {
  padding:17px 18px}
.volume-kpi>strong {
  font-size:26px}
.volume-figure {
  padding-left:20px;
  padding-right:20px}
.volume-legend {
  font-size:12px;
  gap:14px}
}

@media(max-width:700px) {
  .volume-view .page-heading {
  padding-bottom:17px}
.volume-pair {
  font-size:11px;
  padding:5px 8px;
  margin-top:13px}
.volume-kpis {
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:14px}
.volume-kpi {
  padding:14px}
.volume-kpi>strong {
  font-size:23px;
  margin-top:6px}
.volume-kpi>strong>span {
  font-size:11px}
.volume-kpi small {
  font-size:11px;
  line-height:1.7;
  margin-top:6px}
.volume-figure {
  padding:17px 14px 16px;
  margin-bottom:14px}
.volume-figure .chart-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px}
.unit-toggle {
  flex:none}
.volume-figure .chart-heading h2 {
  font-size:16px}
.volume-figure .chart-heading p {
  font-size:11px;
  max-width:none}
.volume-legend {
  font-size:11px;
  gap:8px 16px;
  margin-top:13px;
  flex-wrap:wrap}
.volume-legend i {
  width:8px;
  height:8px}
.chart-wrap-desktop {
  display:none}
.chart-wrap-mobile {
  display:block}
.volume-chart {
  margin-top:16px}
.volume-axis {
  font-size:13px}
.volume-figure figcaption {
  font-size:11px;
  line-height:1.8;
  margin-top:11px}
.volume-history>summary {
  display:block;
  padding:17px;
  font-size:13px;
  line-height:1.6}
.volume-history>summary>span {
  display:block;
  margin:3px 0 0 19px;
  font-size:11px}
.volume-history th,.volume-history td {
  font-size:11px;
  padding:12px 14px}
.volume-history>p {
  font-size:11px;
  margin:14px 17px 17px}
.volume-method {
  margin-top:17px}
.volume-method p {
  font-size:11px;
  line-height:1.8;
  margin:9px 0}
.volume-empty {
  padding:20px}
.volume-empty h2 {
  font-size:17px}
.volume-empty p {
  font-size:12px}
}

@media(max-width:359px) {
  .volume-kpi {
  padding:12px}
.volume-kpi>strong {
  font-size:20px}
.volume-kpi>strong>span {
  font-size:11px}
.volume-kpi small {
  font-size:11px}
.volume-axis {
  font-size:13px}
}


/* Segmented switches: plain radio inputs, so they work without JavaScript. */
.segmented {
  display:inline-flex;
  align-items:center;
  border:1px solid var(--line);
  border-radius:7px;
  padding:2px;
  margin:0;
  background:#f4f7f7;
  min-inline-size:0;
  position:relative}
.segmented input {
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  margin:0;
  pointer-events:none}
.segmented label {
  padding:3px 10px;
  border-radius:5px;
  font-size:12px;
  font-weight:500;
  color:var(--muted);
  cursor:pointer;
  line-height:1.6;
  white-space:nowrap}
.segmented input:checked+label {
  background:#fff;
  color:var(--text);
  font-weight:600;
  box-shadow:0 1px 2px #1d454018}
.segmented input:focus-visible+label {
  outline:3px solid #81c8b4;
  outline-offset:2px}
.segmented label:hover {
  color:var(--text)}

/* Exchange-flow window: the header radios pick the window shown in every desktop row. */
@media(min-width:701px) {
  #wallet-table .flow-window {
  display:none}
#wallet-table .flow-period {
  display:none}
#wallet-table .flow-period[data-window="24h"] {
  display:flex}
body:has(input[name="flow-window"][value="48h"]:checked) #wallet-table .flow-period {
  display:none}
body:has(input[name="flow-window"][value="48h"]:checked) #wallet-table .flow-period[data-window="48h"] {
  display:flex}
body:has(input[name="flow-window"][value="72h"]:checked) #wallet-table .flow-period {
  display:none}
body:has(input[name="flow-window"][value="72h"]:checked) #wallet-table .flow-period[data-window="72h"] {
  display:flex}
.headline-flows .flow-period[data-window="24h"] {
  background:var(--green-soft)}
body:has(input[name="flow-window"][value="48h"]:checked) .headline-flows .flow-period {
  background:none}
body:has(input[name="flow-window"][value="48h"]:checked) .headline-flows .flow-period[data-window="48h"] {
  background:var(--green-soft)}
body:has(input[name="flow-window"][value="72h"]:checked) .headline-flows .flow-period {
  background:none}
body:has(input[name="flow-window"][value="72h"]:checked) .headline-flows .flow-period[data-window="72h"] {
  background:var(--green-soft)}
}

/* Sticky column headers where the table fits without horizontal scrolling. */
@media(min-width:1151px) {
  .table-scroll {
  overflow:visible}
#wallet-table>thead th {
  position:sticky;
  top:0;
  z-index:2;
  background:#f1f5f5;
  border-bottom:0;
  box-shadow:inset 0 -1px 0 var(--line)}
#wallet-table>thead th:first-child {
  border-top-left-radius:10px}
#wallet-table>thead th:last-child {
  border-top-right-radius:10px}
}

/* Version 5: denser table, folded linked wallets, plain-language legend. */
.status-legend {
  font-size:12px;
  color:var(--muted);
  line-height:1.6;
  margin:0 0 10px 1px}
.accumulation-equation {
  font-size:13px;
  line-height:1.8;
  color:var(--text-2);
  margin:0 0 22px;
  padding:12px 16px;
  border:1px solid var(--line-green);
  border-radius:8px;
  background:var(--green-soft)}
.accumulation-equation strong {
  color:var(--text);
  font-weight:600}
.node-heading {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 16px;
  margin-bottom:6px}
.node-heading h4 {
  margin:0}
.node-heading .detail-address {
  margin:0}
.node-meta {
  font-size:12px;
  color:var(--muted);
  margin:0 0 14px}
.linked-wallets {
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid var(--line)}
.linked-wallets>p {
  font-size:12px;
  margin:-6px 0 12px}
.linked-wallet {
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  margin-bottom:10px}
.linked-wallet>summary {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 22px;
  padding:11px 15px;
  font-size:13px}
.linked-wallet>summary::before {
  width:14px}
.linked-address {
  font:13px/1.5 var(--mono);
  color:var(--accent);
  font-weight:500}
.linked-facts {
  display:flex;
  flex-wrap:wrap;
  gap:6px 18px;
  margin-left:auto;
  font-variant-numeric:tabular-nums}
.linked-facts small {
  display:inline;
  margin:0 0 0 4px;
  font-size:12px;
  color:var(--muted)}
.linked-body {
  padding:4px 15px 15px;
  border-top:1px solid var(--line)}
.linked-body .detail-address {
  margin:12px 0 8px}
.mobile-only {
  display:none}
@media(min-width:1151px) {
  .wallet-name {
  display:flex;
  align-items:center;
  gap:10px;
  max-width:none}
.wallet-address {
  margin-bottom:0}
}
@media(max-width:700px) {
  .mobile-only {
  display:block}
.purchases th:nth-child(n+4),.purchases td:nth-child(n+4) {
  display:none}
.price-note {
  font-size:11px;
  color:var(--muted);
  margin:8px 0 0}
.status-legend {
  font-size:11px}
.linked-wallet>summary {
  padding:10px 12px;
  gap:4px 12px}
.linked-facts {
  margin-left:0;
  width:100%}
.accumulation-equation {
  font-size:12px;
  padding:11px 13px}
.detail-row>td>details.wallet-details>summary {
  margin-left:17px}
.wallet-details .detail-hint {
  display:block;
  width:100%;
  margin-left:26px}
.wallet-details .detail-hint::before {
  content:none}
}