:root { --bg:#0d1117; --card:#161b22; --border:#30363d; --text:#e6edf3; --dim:#8b949e; --acc:#3fb950; --warn:#d29922; --bad:#f85149; --link:#58a6ff; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:15px/1.55 -apple-system,'Segoe UI',Roboto,sans-serif; }
.wrap { max-width:880px; margin:0 auto; padding:24px 16px 80px; }
h1 { font-size:1.5em; margin:.2em 0 .1em; } h2 { font-size:1.15em; margin:1.4em 0 .4em; }
a { color:var(--link); text-decoration:none; } a:hover { text-decoration:underline; }
.crumb { color:var(--dim); font-size:.85em; margin-bottom:14px; }
.card { background:var(--card); border:1px solid var(--border); border-radius:10px; padding:16px 18px; margin:12px 0; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px; }
.dim { color:var(--dim); } .ok { color:var(--acc); } .warn { color:var(--warn); } .bad { color:var(--bad); }
.badge { display:inline-block; padding:1px 9px; border-radius:20px; font-size:.78em; border:1px solid var(--border); }
.badge.free { color:var(--acc); border-color:var(--acc); } .badge.fee { color:var(--warn); border-color:var(--warn); }
input,select,textarea { background:#0d1117; color:var(--text); border:1px solid var(--border); border-radius:6px; padding:8px 10px; font:inherit; width:100%; margin:4px 0; }
button { background:#238636; color:#fff; border:0; border-radius:6px; padding:9px 16px; font:inherit; cursor:pointer; }
button.sec { background:#21262d; border:1px solid var(--border); } button:disabled { opacity:.5; cursor:default; }
table { width:100%; border-collapse:collapse; font-size:.92em; } th,td { text-align:left; padding:7px 9px; border-bottom:1px solid var(--border); }
.mono, code { font-family:ui-monospace,Consolas,monospace; font-size:.88em; word-break:break-all; }
pre { background:#0d1117; border:1px solid var(--border); border-radius:8px; padding:12px; overflow-x:auto; font-size:.85em; }
.note { font-size:.85em; color:var(--dim); margin-top:10px; }
.big { font-size:1.6em; font-weight:600; }
#msg { position:fixed; bottom:16px; left:50%; transform:translateX(-50%); background:#1f6feb; padding:10px 20px; border-radius:8px; display:none; max-width:90%; }