:root{--bg:#050a07;--c:#0c1612;--g:#39ff14;--g2:#1fcc0a;--t:#d8ffd0;--m:#7fa88a;--r:#ff4d6d;color-scheme:dark}
*{box-sizing:border-box;margin:0}html,body{background:var(--bg);color:var(--t);font:16px system-ui,sans-serif;min-height:100%}
body{padding:env(safe-area-inset-top) 0 0}header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}
.brand{font-weight:800;color:var(--g);text-shadow:0 0 10px var(--g);font-size:20px}.ver{color:var(--m);font-size:12px}
.view{padding:0 16px 110px;display:grid;gap:14px}.card{background:var(--c);border:1px solid #1d3a26;border-radius:16px;padding:18px}
.glow{border-color:var(--g);box-shadow:0 0 18px #39ff1440}.lbl{color:var(--m);font-size:12px;text-transform:uppercase;letter-spacing:.08em;display:block;margin:12px 0 6px}
.glow .lbl:first-child{margin-top:0}.mono{font-family:ui-monospace,monospace}.id{color:var(--g);word-break:break-all}
.bal{font-size:38px;font-weight:800;color:var(--g);text-shadow:0 0 14px #39ff1480;word-break:break-all}
.btn{display:block;width:100%;text-align:center;padding:15px;border-radius:12px;border:0;background:var(--g);color:#031004;font-weight:800;font-size:16px;cursor:pointer;margin-top:4px}
.btn.alt{background:transparent;color:var(--g);border:1.5px solid var(--g)}.btn.ghost{background:#0c1612;color:var(--m);border:1px solid #1d3a26;font-weight:600}
input,textarea{width:100%;background:#050a07;border:1px solid #1d3a26;border-radius:10px;color:var(--t);padding:13px;font:inherit}
input:focus,textarea:focus{outline:0;border-color:var(--g);box-shadow:0 0 8px #39ff1460}h2{font-size:18px;color:var(--g);margin-bottom:6px}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#08110c;border-top:1px solid #1d3a26;padding-bottom:env(safe-area-inset-bottom)}
nav button{flex:1;background:0;border:0;color:var(--m);padding:10px;font-size:20px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}
nav button span{font-size:11px}nav .on{color:var(--g);text-shadow:0 0 8px var(--g)}
.rec{background:var(--c);border:1px solid #1d3a26;border-radius:14px;padding:14px;margin-bottom:12px;font-size:13px}
.rec .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tag{font-size:11px;font-weight:800;padding:3px 8px;border-radius:99px}
.in{background:#39ff1422;color:var(--g)}.out{background:#ff4d6d22;color:var(--r)}.amt{font-weight:800;font-size:18px}
.rec dl{display:grid;grid-template-columns:92px 1fr;gap:4px 8px}.rec dt{color:var(--m)}.rec dd{word-break:break-word}.rec .btn{padding:9px;font-size:13px;margin-top:10px}
.screen{position:fixed;inset:0;background:var(--bg);z-index:5;padding:calc(env(safe-area-inset-top) + 24px) 18px 24px;overflow:auto}
.screen[hidden],[hidden]{display:none!important}.ok{color:var(--g)}.bad{color:var(--r)}.screen ul{margin:14px 0;padding-left:18px;display:grid;gap:8px;font-size:14px}
#toast{position:fixed;left:16px;right:16px;bottom:90px;padding:14px;border-radius:12px;background:#0c1612;border:1px solid var(--g);z-index:9;display:none;font-size:14px}
#toast.err{border-color:var(--r);color:#ffb3c0}.empty{color:var(--m);text-align:center;padding:30px}
