:root{--bg:#000;--card:rgba(28,28,30,.85);--text:#f5f5f7;--muted:#a1a1a6;--blue:#0A84FF;--green:#30d158;--red:#ff453a;
--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(700px 360px at 20% -10%,rgba(10,132,255,.3),transparent),#000;
color:var(--text);font:17px/1.45 var(--font);min-height:100vh}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;position:sticky;top:0;
backdrop-filter:blur(16px);background:rgba(0,0,0,.55);border-bottom:1px solid rgba(255,255,255,.08);z-index:5}
.brand{display:flex;gap:10px;align-items:center}.brand img{border-radius:9px}
.top h1{margin:0;font-size:1.15rem}.tag{margin:0;color:var(--muted);font-size:.8rem}
main{max-width:560px;margin:0 auto;padding:18px 14px 80px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;margin:14px 0;
backdrop-filter:blur(20px)}
label{display:flex;flex-direction:column;gap:6px;margin:10px 0;color:var(--muted);font-weight:600;font-size:.9rem}
input{background:#1c1c1e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;color:var(--text);font:inherit}
.btn{border:none;border-radius:12px;padding:12px 16px;font:600 1rem var(--font);cursor:pointer;color:var(--text)}
.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:rgba(10,132,255,.18);color:var(--blue)}
.btn.ghost{background:rgba(255,255,255,.06)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.list{list-style:none;padding:0;margin:0}.list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.list button{margin-left:8px}.err{color:var(--red)}.ok{color:var(--green);font-weight:600}.muted{color:var(--muted)}
.mono{white-space:pre-wrap;background:#0a0a0c;padding:12px;border-radius:12px;font-size:.85rem;overflow:auto}