:root{--bg:#0b0b0b;--panel:#131313;--line:#222;--ink:#ece9e1;--soft:#b9b6ad;--mut:#7d7a72;--dim:#55534d;--volt:#D4FF3D;--ok:#9fd39f;--warn:#d9a35e}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,system-ui,sans-serif}
::selection{background:var(--volt);color:#0b0b0b}
main{max-width:640px;margin:0 auto;padding:48px 20px}
nav{display:flex;gap:20px;align-items:center;margin-bottom:40px;font:12px 'JetBrains Mono',monospace;color:var(--mut)}
nav a{color:var(--soft);text-decoration:none}nav a:hover{color:var(--ink)}nav .grow{flex:1}
h1{font-size:22px;font-weight:500;margin:0 0 6px}
h2{font:11px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:400;margin:36px 0 10px}
p{color:var(--soft);margin:0 0 12px}
.mono{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mut)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}
.row{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:0}.row .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
input,select,button{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:9px 12px}
input:focus,select:focus,button:focus-visible{outline:1px solid var(--dim)}
input{width:100%}
button{cursor:pointer;background:var(--panel)}button:hover{border-color:var(--dim)}
button.primary{background:var(--volt);border-color:var(--volt);color:#0b0b0b;font-weight:500}
button.link{border:0;background:none;color:var(--mut);padding:4px 8px}
.form{display:flex;gap:8px;flex-wrap:wrap}.form input{flex:1;min-width:200px;width:auto}
.ok{color:var(--ok)}.warn{color:var(--warn)}.msg{min-height:20px;margin-top:10px;font-size:13px}
.empty{padding:14px;color:var(--mut)}
.mb{margin-bottom:14px}