
:root{--paper:#ECECE4;--ink:#000;--card:#fff;--blue:#2F5BFF;--yel:#FFE500;--red:#FF3B2F;--grn:#12B76A;--mute:#5b5b55;
 box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#161614;--ink:#F4F4EC;--card:#222220;--mute:#a3a39a}}
:root[data-theme="dark"]{--paper:#161614;--ink:#F4F4EC;--card:#222220;--mute:#a3a39a}
*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
html,body{min-height:100%}
body{background:var(--paper);color:var(--ink);font-family:Archivo,"Helvetica Neue",Arial,sans-serif;font-weight:500;
 background-image:radial-gradient(var(--ink) 1px,transparent 1px);background-size:18px 18px;background-position:0 0}
.mono{font-family:"Space Mono",ui-monospace,Menlo,monospace}
.app{max-width:440px;margin:0 auto;min-height:100vh;background:var(--paper);border-left:4px solid var(--ink);border-right:4px solid var(--ink);
 position:relative;padding-bottom:96px;overflow:hidden}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:4px solid var(--ink);background:var(--yel);color:#000}
.logo{font-weight:900;font-size:20px;letter-spacing:-.04em;line-height:.9}
.logo small{display:block;font:700 10px "Space Mono",monospace;letter-spacing:0;margin-top:3px}
.ib{border:3px solid #000;background:#fff;color:#000;width:40px;height:40px;font:900 16px Archivo,sans-serif;cursor:pointer;box-shadow:3px 3px 0 #000;transition:transform .08s,box-shadow .08s}
.ib:active,.btn:active,.row:active,.chip:active{transform:translate(3px,3px);box-shadow:0 0 0 #000}
.ticker{background:var(--ink);color:var(--paper);overflow:hidden;white-space:nowrap;border-bottom:4px solid var(--ink);font:700 12px "Space Mono",monospace;padding:6px 0}
.ticker div{display:inline-block;padding-left:100%;animation:tick 28s linear infinite}
@keyframes tick{to{transform:translateX(-100%)}}
.hero{padding:22px 16px 18px;border-bottom:4px solid var(--ink);background:var(--card)}
.lbl{font:700 12px "Space Mono",monospace;color:var(--mute)}
.bal{font-weight:900;font-size:clamp(46px,15vw,66px);letter-spacing:-.06em;line-height:1;margin:6px 0 10px;cursor:pointer;word-break:break-all}
.bal.hid{filter:blur(14px);transition:filter .3s}
.pill{display:inline-block;border:3px solid var(--ink);padding:3px 8px;font:700 12px "Space Mono",monospace;background:var(--grn);color:#000}
.pill.dn{background:var(--red)}
.acts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;border-bottom:4px solid var(--ink)}
.btn{border:3px solid var(--ink);background:var(--card);color:var(--ink);padding:12px 0 8px;font:800 12px Archivo,sans-serif;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .08s,box-shadow .08s,background .15s;text-align:center}
.btn b{display:block;font-size:24px;line-height:1.1;font-weight:900}
.btn:hover{background:var(--blue);color:#fff}
.btn.pri{background:var(--blue);color:#fff}
.btn.pri:hover{background:var(--yel);color:#000}
h2{font-weight:900;font-size:22px;letter-spacing:-.03em;padding:16px 16px 8px}
.row{display:flex;align-items:center;gap:12px;margin:0 16px 12px;padding:12px;border:3px solid var(--ink);background:var(--card);box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .08s,box-shadow .08s;animation:drop .5s cubic-bezier(.2,1.4,.4,1) backwards}
@keyframes drop{from{transform:translateY(-24px) rotate(-1.5deg);opacity:0}}
.ic{width:44px;height:44px;border:3px solid var(--ink);display:grid;place-items:center;font-weight:900;font-size:15px;color:#000}
.grow{flex:1;min-width:0}.nm{font-weight:900;font-size:17px}.sub{font:400 12px "Space Mono",monospace;color:var(--mute)}
.r{text-align:right}.up{color:var(--grn)}.dn{color:var(--red)}
.chips{display:flex;gap:8px;padding:0 16px 12px;overflow-x:auto}
.chip{border:3px solid var(--ink);background:var(--card);color:var(--ink);padding:6px 12px;font:700 12px "Space Mono",monospace;cursor:pointer;white-space:nowrap}
.chip.on{background:var(--ink);color:var(--paper)}
nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,440px);display:grid;grid-template-columns:repeat(3,1fr);border:4px solid var(--ink);border-bottom:0;background:var(--paper);padding-bottom:env(safe-area-inset-bottom,0px);z-index:5}
nav button{border:0;border-right:4px solid var(--ink);background:var(--paper);color:var(--ink);padding:16px 0;font:900 14px Archivo,sans-serif;cursor:pointer}
nav button:last-child{border-right:0}nav button.on{background:var(--ink);color:var(--paper)}
.view{display:none}.view.on{display:block;animation:slam .35s cubic-bezier(.2,1.3,.4,1)}
@keyframes slam{from{transform:translateX(30px);opacity:0}}
.shade{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}
.shade.on{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:50%;bottom:0;width:min(100%,440px);transform:translate(-50%,105%);transition:transform .35s cubic-bezier(.2,1.1,.3,1);background:var(--yel);color:#000;border:4px solid #000;border-bottom:0;padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px));z-index:11}
.sheet.on{transform:translate(-50%,0)}
.sheet h3{font-weight:900;font-size:30px;letter-spacing:-.04em;margin-bottom:12px}
.sheet label{display:block;font:700 12px "Space Mono",monospace;margin:10px 0 4px}
.sheet input,.sheet select{width:100%;border:3px solid #000;background:#fff;color:#000;padding:12px;font:700 18px "Space Mono",monospace;border-radius:0;outline:0}
.sheet input:focus,.sheet select:focus{box-shadow:4px 4px 0 var(--blue)}
.go{width:100%;margin-top:16px;border:3px solid #000;background:#000;color:#fff;padding:16px;font:900 18px Archivo,sans-serif;cursor:pointer;box-shadow:5px 5px 0 var(--blue);transition:transform .08s,box-shadow .08s}
.go:active{transform:translate(5px,5px);box-shadow:0 0 0}
.qr{display:grid;grid-template-columns:repeat(15,1fr);width:210px;margin:6px auto 10px;border:4px solid #000;background:#fff}
.qr i{aspect-ratio:1}.qr i.k{background:#000}
.addr{word-break:break-all;font:700 13px "Space Mono",monospace;background:#fff;border:3px solid #000;padding:10px}
.x{float:right}
.toast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top,0px));transform:translate(-50%,-160%);background:var(--ink);color:var(--paper);border:3px solid var(--ink);padding:12px 16px;font:700 13px "Space Mono",monospace;z-index:20;transition:transform .35s cubic-bezier(.2,1.5,.4,1);max-width:92vw;box-shadow:5px 5px 0 var(--blue)}
.toast.on{transform:translate(-50%,0)}
.note{margin:8px 16px 0;padding:10px;border:3px dashed var(--ink);font:400 12px "Space Mono",monospace}
.tx{border-left:12px solid var(--ink)}.tx.in{border-left-color:var(--grn)}.tx.out{border-left-color:var(--red)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.t{padding:0 0 10px}
.form input,.form select{width:100%;border:3px solid var(--ink);background:var(--paper);color:var(--ink);padding:12px;font:700 18px "Space Mono",monospace;border-radius:0;outline:0}
.form input:focus{box-shadow:4px 4px 0 var(--blue)}
.form label{display:block;font:700 12px "Space Mono",monospace;margin:10px 0 4px;color:var(--mute)}
.go.alt{background:var(--card);color:var(--ink);box-shadow:5px 5px 0 var(--ink);display:block;text-align:center;text-decoration:none}
.go.out{margin:12px 16px;width:calc(100% - 32px)}
.acts.two{grid-template-columns:1fr 1fr}
.ic.LSR{background:var(--yel)}.ic.SEP{background:#C4B5FD}
.off{opacity:.45}
nav{grid-template-columns:repeat(var(--n,3),1fr)}
nav:empty{display:none}
.row .nm{overflow-wrap:anywhere}
.bal{font-size:clamp(34px,11vw,52px)}
