:root{--honey:#F2B441;--green:#2FB67A;--red:#E2524F;--blue:#3D9BE9;
 --ink:#0B0F14;--panel:#121922;--line:#1F2A36;--fg:#E8EEF5;--mut:#8aa0b4;}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--fg);
 font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--blue);text-decoration:none}
.muted{color:var(--mut);font-weight:400;font-size:.85em}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
 padding:12px 18px;border-bottom:1px solid var(--line);background:#0e141b;position:sticky;top:0;z-index:5}
.brand{font-size:20px}.brand b{color:var(--honey)}.brand span{color:var(--mut);font-size:14px}
.tabs{display:flex;gap:6px}
.tabs button{background:transparent;color:var(--fg);border:1px solid var(--line);border-radius:9px;
 padding:8px 14px;cursor:pointer;font-size:14px;font-weight:600}
.tabs button.on{background:var(--honey);color:#1a1205;border-color:var(--honey)}
#optoken{background:var(--ink);border:1px solid var(--line);color:var(--fg);border-radius:9px;
 padding:8px 12px;font-size:13px;width:130px}
#optoken:focus{outline:2px solid var(--honey);border-color:var(--honey)}
.stats{max-width:1080px;margin:18px auto;padding:0 18px;display:grid;
 grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
.stats .s{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}
.stats .s b{display:block;font-size:26px;color:var(--honey);font-weight:800;letter-spacing:-.5px}
.stats .s span{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}
h2{font-size:24px;margin:26px 0 6px}h3{margin:22px 0 8px;font-size:16px}
.sub{color:var(--mut);max-width:680px;margin:0 0 14px}
.pill{font-size:12px;padding:3px 10px;border-radius:999px;vertical-align:middle;font-weight:700}
.pill.ok{background:rgba(47,182,122,.15);color:var(--green)}
.pill.bad{background:rgba(226,82,79,.15);color:var(--red)}
.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{background:#0e141b;text-align:left;padding:9px 11px;color:var(--mut);font-weight:600;white-space:nowrap}
td{border-top:1px solid var(--line);padding:8px 11px;vertical-align:top}
td.mono,.hash{font-family:ui-monospace,monospace;font-size:12px;color:var(--mut)}
td.amt{font-weight:800;white-space:nowrap}
tr.g-donation td:first-child{border-left:3px solid var(--blue)}
tr.g-asset td:first-child{border-left:3px solid #9b8cff}
tr.g-income td:first-child{border-left:3px solid var(--green)}
tr.g-give td:first-child{border-left:3px solid var(--honey)}
tr.g-job td:first-child{border-left:3px solid #ff9d57}
.tab.hide{display:none}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;max-width:560px}
.form{display:flex;flex-direction:column;gap:12px}
.form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--mut)}
.form input,.form select{background:var(--ink);border:1px solid var(--line);color:var(--fg);
 border-radius:9px;padding:10px 12px;font-size:15px}
.form button,.btn{background:var(--honey);color:#1a1205;border:0;font-weight:800;padding:12px 18px;
 border-radius:10px;cursor:pointer;font-size:15px;display:inline-block;margin-top:4px}
.form button:hover,.btn:hover{filter:brightness(1.07)}
.result{font-weight:700;margin:6px 0 0;min-height:20px}
.result.ok{color:var(--green)}.result.bad{color:var(--red)}
pre{background:#0e141b;border:1px solid var(--line);border-radius:10px;padding:14px;overflow:auto;
 font-size:12.5px;color:#cfe0f0;white-space:pre-wrap}
.foot{border-top:1px solid var(--line);margin-top:40px;padding:22px 18px;text-align:center;color:var(--fg)}
.green{color:var(--green)}.red{color:var(--red)}