:root{--bg:#0b0f14;--card:#121925;--text:#e6edf3;--muted:#94a3b8;--line:#223044;--pri:#3b82f6;--pri2:#2563eb;--bad:#ef4444;--good:#22c55e;}
*{box-sizing:border-box;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;}
body{margin:0;background:var(--bg);color:var(--text);}
.topbar{position:sticky;top:0;z-index:5;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:rgba(11,15,20,.95);backdrop-filter: blur(8px);}
.brand{display:flex;gap:10px;align-items:baseline;}
.logo{font-weight:800;letter-spacing:.2px;}
.sub{color:var(--muted);font-size:12px;}
.nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.nav a{color:var(--text);text-decoration:none;padding:6px 10px;border:1px solid transparent;border-radius:8px;}
.nav a:hover{border-color:var(--line);}
.nav a.active{border-color:var(--pri);}
.nav a.docs{color:var(--muted);}
.health{padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted);}
.container{max-width:1200px;margin:16px auto;padding:0 16px;display:flex;flex-direction:column;gap:16px;}
.card{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:14px;}
.card h2{margin:0 0 8px 0;font-size:16px;}
.cardSub{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);}
h1{margin:0 0 8px 0;font-size:22px;}
h3{margin:12px 0 6px 0;font-size:14px;color:var(--muted);font-weight:700;}
label{display:block;margin:8px 0 6px 0;color:var(--muted);font-size:12px;}
input,textarea,select{width:100%;border-radius:10px;border:1px solid var(--line);background:#0e1520;color:var(--text);padding:10px;outline:none;}
textarea{resize:vertical;}
.row{display:flex;gap:10px;align-items:flex-end;margin-top:10px;}
.row.wrap{flex-wrap:wrap;}
.col{min-width:180px;}
.col.grow{flex:1;}
.btn{border-radius:10px;border:1px solid var(--line);background:#0e1520;color:var(--text);padding:10px 12px;cursor:pointer;}
.btn:hover{border-color:var(--pri);}
.btn.primary{background:linear-gradient(180deg,var(--pri),var(--pri2));border-color:transparent;font-weight:700;}
.hint{color:var(--muted);font-size:12px;margin-top:6px;}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width: 980px){.split{grid-template-columns:1fr;}}
.output{white-space:pre-wrap;word-break:break-word;background:#0e1520;border:1px solid var(--line);border-radius:12px;padding:12px;min-height:120px;max-height:520px;overflow:auto;}
.hidden{display:none;}
.tabs{display:flex;gap:8px;margin:10px 0;}
.tab{border-radius:999px;border:1px solid var(--line);background:#0e1520;color:var(--text);padding:8px 10px;cursor:pointer;font-size:12px;}
.tab.active{border-color:var(--pri);}
.page{display:none;}
.page.active{display:block;}
.grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px;}
.tokenRow{display:grid;grid-template-columns: 140px 1fr 110px 180px;gap:10px;align-items:end;}
@media (max-width: 980px){.tokenRow{grid-template-columns:1fr;}}
.badge{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:8px 10px;color:var(--muted);}
.badge.good{border-color:rgba(34,197,94,.5);color:var(--good);}
.badge.bad{border-color:rgba(239,68,68,.5);color:var(--bad);}
.list{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
.list .item{border:1px solid var(--line);background:#0e1520;border-radius:12px;padding:10px;display:flex;gap:10px;justify-content:space-between;align-items:center;}
.toast{position:fixed;right:16px;bottom:16px;max-width:520px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0e1520;color:var(--text);}
.toast.good{border-color:rgba(34,197,94,.5);}
.toast.bad{border-color:rgba(239,68,68,.5);}