*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}
::selection{background:#111;color:#fff}
:root{--page:#fff;--text:#111;--muted:#686868;--faint:#969696;--line:#e1e1e1;--line-strong:#bdbdbd}
html{scroll-behavior:smooth}
body{min-height:100vh;background:var(--page);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a{color:inherit;text-underline-offset:3px}
.ledger-head,main,footer{width:min(1040px,calc(100% - 48px));margin-inline:auto}

.ledger-head{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:25px 0 17px;border-bottom:1px solid var(--line)}
.brand{font-size:14px;font-weight:700;text-decoration:none}
.chain-presence{justify-self:center;display:flex;align-items:center;gap:8px;color:var(--muted);font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:lowercase}
.status-lamp{width:7px;height:7px;background:var(--text)}
.status-lamp.is-live{background:var(--text)}
.status-lamp.is-error{outline:1px solid var(--text);outline-offset:2px}
.ledger-head nav{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.ledger-head nav a{text-decoration:none}
.ledger-head nav a:hover,.ledger-head nav a:focus-visible{text-decoration:underline}

.page-intro{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:64px;align-items:center;min-height:430px;padding:64px 0;border-bottom:1px solid var(--line-strong)}
.kicker{color:var(--muted);font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.intro-copy h1{margin-top:16px;font-size:44px;font-weight:500;line-height:1.08}
.thesis{margin-top:22px;max-width:32ch;color:var(--muted);font-size:18px}
.murk-mark{text-align:center}
.murk-mark pre{width:max-content;max-width:100%;margin-inline:auto;color:var(--text);font:700 11px/1.13 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:left;white-space:pre;overflow:hidden}
.murk-mark figcaption{margin-top:20px;font:700 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:lowercase}
.murk-mark p{margin:7px auto 0;max-width:38ch;color:var(--muted);font-size:12px}

.wallet-readout{padding:42px 0 46px;border-bottom:1px solid var(--line-strong)}
.section-title,.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.section-title h2,.section-heading h2{font-size:21px;font-weight:500}
.section-title>span,.section-heading p,.section-heading>span{color:var(--muted);font-size:12px}
.section-heading>span{text-transform:lowercase}
.ascii-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:28px}
.ascii-stat{position:relative;display:flex;flex-direction:column;min-width:0;min-height:138px;padding:20px 18px 17px;border:1px dashed var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ascii-stat>p{color:var(--muted);font-size:10px}
.ascii-stat strong{margin-top:20px;font-size:24px;font-weight:500;line-height:1.1;text-transform:uppercase}
.ascii-stat small{margin-top:auto;padding-top:14px;color:var(--faint);font-size:10px;text-transform:lowercase}
.ascii-stat a{margin-top:23px;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.ascii-corner{position:absolute;z-index:1;padding:0 2px;background:var(--page);font:12px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.ascii-corner--tl{left:-5px;top:-7px}
.ascii-corner--tr{right:-5px;top:-7px}
.ascii-corner--bl{left:-5px;bottom:-7px}
.ascii-corner--br{right:-5px;bottom:-7px}

.wallet-empty{margin:44px 0;padding:24px 0;border-block:1px solid var(--line)}
.wallet-empty>p{color:var(--muted);font-size:12px}
.wallet-empty h2{margin-top:8px;font-size:18px;font-weight:500}
.wallet-empty pre{margin-top:18px;color:var(--muted);font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}

.positions,.receipts{padding-top:56px}
.refresh-ledger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:104px;height:34px;padding:0 11px;border:1px solid var(--line-strong);border-radius:0;background:var(--page);color:var(--text);font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;cursor:pointer}
.refresh-ledger__icon{font:17px/1 Arial,Helvetica,sans-serif}
.refresh-ledger:hover,.refresh-ledger:focus-visible{border-color:var(--text);background:var(--text);color:var(--page)}
.refresh-ledger:disabled{cursor:wait;opacity:1;color:var(--muted);background:var(--page);border-color:var(--line)}
.refresh-ledger.is-updated{border-color:var(--text)}

.position-card{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:3px 20px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}
.position-meta{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:11px}
.position-card h3{grid-column:2;font-size:15px;font-weight:600}
.position-name{grid-column:2;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.position-origin{grid-column:2;grid-row:3;justify-self:start;margin-top:6px;padding:2px 6px;border:1px dashed var(--line-strong);color:var(--muted);font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.position-origin--trade{border-style:solid;border-color:var(--text);background:var(--text);color:var(--page)}
.position-amount{grid-column:3;grid-row:1;text-align:right}
.position-value{grid-column:3;grid-row:2;color:var(--muted);font-size:11px;text-align:right}
.position-card a{grid-column:2/4;grid-row:4;margin-top:7px;font-size:11px;text-align:right}

.receipt{display:grid;grid-template-columns:120px 100px minmax(180px,1fr) minmax(130px,.7fr) 88px;gap:16px;align-items:center;min-height:68px;border-bottom:1px solid var(--line);color:var(--muted);text-decoration:none}
.receipt:hover,.receipt:focus-visible{color:var(--text)}
.receipt time,.receipt-action,.receipt-hash{font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.receipt-action,.receipt-method{color:var(--text)}
.receipt-method{font-size:12px;overflow-wrap:anywhere}
.receipt-flows{display:flex;gap:7px;flex-wrap:wrap}
.flow{font-size:11px}
.receipt-hash{text-align:right}
.quiet-state{padding:20px 0;border-bottom:1px solid var(--line);color:var(--muted)}

.witness-error{display:grid;grid-template-columns:auto 1fr;gap:24px;margin-top:44px;padding:16px 0;border-block:1px solid var(--text)}
.witness-error span{color:var(--muted)}
footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:64px;padding:18px 0 40px;border-top:1px solid var(--line-strong);color:var(--muted);font-size:12px}

@media(max-width:760px){
  .ledger-head{grid-template-columns:1fr auto}
  .chain-presence{grid-column:1/-1;grid-row:2;justify-self:start}
  .page-intro{grid-template-columns:1fr;gap:46px;min-height:0;padding:52px 0}
  .intro-copy h1{font-size:38px}
  .murk-mark{justify-self:center}
  .ascii-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .receipt{grid-template-columns:1fr auto;gap:6px 14px;padding:15px 0}
  .receipt-action{grid-column:2;grid-row:1}
  .receipt-method,.receipt-flows,.receipt-hash{grid-column:1/-1}
  .receipt-hash{text-align:left}
}

@media(max-width:520px){
  .ledger-head,main,footer{width:min(100% - 30px,1040px)}
  .ledger-head{grid-template-columns:1fr}
  .ledger-head nav{grid-row:2}
  .chain-presence{grid-row:3}
  .intro-copy h1{font-size:34px}
  .murk-mark pre{font-size:8px}
  .section-title,.section-heading{align-items:flex-start;flex-direction:column;gap:5px}
  .section-heading{position:relative}
  .section-heading .refresh-ledger{position:absolute;right:0;top:0}
  .ascii-summary{gap:12px}
  .ascii-stat{min-height:132px;padding:17px 14px 15px}
  .ascii-stat strong{font-size:21px}
  .ascii-stat a{font-size:10px}
  .position-card{grid-template-columns:86px minmax(0,1fr)}
  .position-meta{grid-column:1;grid-row:1/4}
  .position-card h3,.position-name,.position-origin{grid-column:2}
  .position-origin{grid-row:auto}
  .position-amount,.position-value,.position-card a{grid-column:1/-1;text-align:left}
  .position-amount{grid-row:4;margin-top:10px}
  .position-value{grid-row:5}
  .position-card a{grid-row:6}
  .witness-error{grid-template-columns:1fr;gap:5px}
}

@media(max-width:350px){
  .ascii-summary{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}