:root{
    --abyss:#0d2116; --panel:#143222; --panel-2:#1a3c2a; --edge:#2b4a37; --edge-lit:#3d6650;
    --ink:#f3efe6; --ink-2:#cfd8cf; --ink-3:#a9bdb0;
    --gold:#8cc8ef; --gold-deep:#5ea9db; --up:#7bc47f; --dn:#e07a70;   /* Dunavia river blue */
    --mono:"IBM Plex Mono",ui-monospace,monospace;
  }
  *{box-sizing:border-box}
  html,body{margin:0}
  body{background:radial-gradient(1100px 520px at 80% -10%,rgba(140,200,239,.09),transparent 60%),var(--abyss);
    color:var(--ink);min-height:100vh;font-family:Roboto,system-ui,sans-serif;
    line-height:1.55;-webkit-font-smoothing:antialiased;padding:0 20px 80px}
  .wrap{max-width:960px;margin:0 auto}
  header{display:flex;align-items:center;gap:13px;padding:26px 0 8px}
  header img{width:40px;height:40px;filter:drop-shadow(0 3px 16px rgba(140,200,239,.3))}
  header .t{font-family:Gelasio,serif;font-weight:700;font-size:1.35rem;letter-spacing:-.01em}
  header .net{margin-left:auto;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;
    text-transform:uppercase;color:var(--ink-3);border:1px solid var(--edge-lit);
    padding:4px 10px;border-radius:20px}
  .net .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--up);
    margin-right:6px;vertical-align:1px;box-shadow:0 0 0 3px rgba(74,222,128,.15)}
  h1{font-family:Gelasio,serif;font-weight:700;font-size:clamp(1.7rem,4vw,2.3rem);
    letter-spacing:-.02em;margin:14px 0 2px}
  h1 .sym{color:var(--gold)}
  .addr-line{font-family:var(--mono);font-size:.82rem;color:var(--ink-2);word-break:break-all;margin-bottom:26px}
  .addr-line a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--edge-lit)}
  .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:26px}
  .stat{background:var(--panel);border:1px solid var(--edge);border-radius:13px;padding:16px 18px}
  .stat .k{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:7px}
  .stat .v{font-weight:700;font-size:1.4rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
  .stat .v.sm{font-size:1.02rem;font-family:var(--mono);font-weight:500}
  .card{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:20px 20px 8px;margin-bottom:22px}
  .card h2{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
    color:var(--ink-3);margin:0 0 14px;font-weight:600}
  .lookup{display:flex;gap:10px;flex-wrap:wrap}
  .lookup input{flex:1;min-width:220px;background:var(--abyss);border:1px solid var(--edge-lit);
    border-radius:9px;padding:12px 14px;color:var(--ink);font-family:var(--mono);font-size:.85rem}
  .lookup input:focus{outline:2px solid var(--gold);outline-offset:1px}
  .lookup button{background:linear-gradient(96deg,var(--gold),var(--gold-deep));color:#0d2116;
    border:0;border-radius:9px;padding:12px 20px;font-weight:700;cursor:pointer}
  .lookup button:hover{filter:brightness(1.06)}
  .bal-out{margin:14px 0 6px;font-family:var(--mono);font-size:.95rem;min-height:1.3em;color:var(--ink-2)}
  .bal-out b{color:var(--gold);font-weight:600}
  .tw{overflow-x:auto;margin:0 -20px}
  table{border-collapse:collapse;width:100%;min-width:560px;font-size:.86rem}
  th,td{text-align:left;padding:10px 20px;border-bottom:1px solid var(--edge)}
  th{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
  td{font-family:var(--mono);font-size:.8rem;color:var(--ink-2)}
  td.amt{color:var(--ink);font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
  td a{color:var(--gold);text-decoration:none}
  tr:last-child td{border-bottom:0}
  .mut{color:var(--ink-3)}
  .empty{padding:22px 0;text-align:center;color:var(--ink-3);font-size:.9rem}
  footer{margin-top:30px;color:var(--ink-3);font-size:.8rem;font-family:var(--mono);text-align:center}
  footer a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--edge-lit)}
  a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
  a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(140,200,239,.35)}a:hover{border-bottom-color:var(--gold)}
  td a,.back,header a{border-bottom:0}
  .view{display:none}.view.on{display:block}
  .tip{cursor:help;color:var(--gold);font-size:.9em;margin-left:3px;position:relative}.tip:focus::after,.tip:hover::after{content:attr(aria-label);position:absolute;left:0;top:1.6em;z-index:5;width:250px;background:var(--panel-2);border:1px solid var(--edge-lit);color:var(--ink-2);padding:10px 12px;border-radius:10px;font-family:Roboto,sans-serif;font-size:.8rem;letter-spacing:0;text-transform:none;line-height:1.45;white-space:normal}
  .note-intro{background:rgba(140,200,239,.07);border:1px solid rgba(140,200,239,.3);border-left:4px solid var(--gold);border-radius:12px;padding:12px 16px;margin:-10px 0 24px;font-size:.92rem;color:var(--ink-2)}.note-intro b{color:var(--ink)}
  .label{display:inline-block;background:rgba(140,200,239,.1);border:1px solid rgba(140,200,239,.35);color:var(--gold);border-radius:999px;padding:1px 9px;font-family:Roboto,sans-serif;font-size:.74rem;margin-left:6px;vertical-align:middle}
  .big{font-family:Gelasio,serif;font-size:1.9rem;font-weight:700;color:var(--gold)}
  td.in{color:var(--up)}td.out{color:var(--dn)}
  .back{display:inline-block;margin:6px 0 4px;font-size:.88rem;color:var(--ink-2);text-decoration:none}
  .kv{display:grid;grid-template-columns:140px 1fr;gap:8px 14px;font-size:.88rem}.kv div:nth-child(odd){color:var(--ink-3);font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding-top:2px}.kv div:nth-child(even){font-family:var(--mono);word-break:break-all}
  .mt18{margin-top:18px}
  .passport .pp-row{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start}
  .passport img{width:100%;max-width:460px;height:auto;border-radius:12px;display:block}
  .passport .pp-facts{flex:1;min-width:220px;display:grid;gap:8px}
  .passport .k{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#8cc8ef}
  .passport .ok{color:#3ddc84} .passport .bad{color:#ff6b6b}

/* the logo goes home (Ry 10-06) */
header a.brandlink{display:flex;align-items:center;gap:12px;color:inherit;border:0;text-decoration:none}