body{margin:0;height:100vh;display:flex;align-items:center;justify-content:center;
     background:#0f1115;color:#d6dae3;font-family:-apple-system,'Segoe UI',sans-serif;}
form{background:#161a22;border:1px solid #272d3a;padding:32px 28px;border-radius:8px;
     width:320px;display:flex;flex-direction:column;gap:14px;}
h1{margin:0 0 6px;font-size:15px;letter-spacing:0.08em;text-transform:uppercase;color:#7e8694;font-weight:500;}
input{background:#1d222c;border:1px solid #272d3a;color:#d6dae3;padding:10px 12px;border-radius:6px;
      font-family:'SF Mono',ui-monospace,monospace;font-size:13px;}
input:focus{outline:1px solid #e8b86b;border-color:#e8b86b;}
button{background:#e8b86b;color:#111;border:none;padding:10px;font-weight:600;
       border-radius:6px;cursor:pointer;font-size:13px;}
button:hover{opacity:0.9;}
.err{color:#d07070;font-size:12px;font-family:'SF Mono',ui-monospace,monospace;}
#wa-status{font-size:12px;font-family:'SF Mono',ui-monospace,monospace;color:#7e8694;min-height:14px;}
#wa-status.ok{color:#7fb069;}
#wa-status.err{color:#d07070;}
details summary{cursor:pointer;color:#7e8694;font-size:12px;list-style:none;}
details summary::-webkit-details-marker{display:none;}
details[open] summary{margin-bottom:10px;}
details{display:flex;flex-direction:column;gap:10px;}
p{margin:0;color:#7e8694;font-size:12px;line-height:1.5;}
ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
li{color:#9aa2b1;font-size:12px;font-family:'SF Mono',ui-monospace,monospace;
   background:#1d222c;border:1px solid #272d3a;padding:6px 10px;border-radius:6px;}
a{color:#7e8694;font-size:12px;text-decoration:none;}
a:hover{color:#d6dae3;}