:root{color-scheme:dark;--text:#e5e7eb;--muted:#a3adbb;--line:#252c36;--surface:#0a0a0a;--secondary:#141414;--orange:#f97316}
*{box-sizing:border-box}
body{margin:0;background:#000;color:var(--text);font-family:Arial,sans-serif;line-height:1.6;min-height:100vh;padding:56px 20px 24px}
main{max-width:640px;margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:0 18px 55px #0008}
.brand{font-size:23px;font-weight:800;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.mark{display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:800;width:42px;height:42px;border-radius:13px}
h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 22px}
p{color:#c6cdd7;margin:16px 0}
.servers,.results{list-style:none;padding:0;margin:24px 0}
.servers li{display:flex;align-items:center;gap:12px;padding:16px;background:var(--secondary);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;font-weight:600}
.role-names{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:3px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--orange);flex-shrink:0}
button,.button{font:inherit;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:0;border-radius:12px;background:var(--orange);color:#180e06;padding:16px 20px;margin-top:24px;font-weight:700;text-decoration:none;cursor:pointer}
button:hover,.button:hover{background:#fb923c}
button:focus-visible,a:focus-visible{outline:3px solid #ffad71;outline-offset:3px}
.small,footer{font-size:13px;color:var(--muted)}
footer{text-align:center;margin-top:24px}
.results>li{padding:18px 0;border-bottom:1px solid var(--line)}
.role-results{list-style:none;margin:12px 0 0;padding:0 0 0 14px;border-left:2px solid var(--line)}
.role-results li{padding:5px 0;font-size:14px}
.status{display:block;font-size:14px;color:#8be1b1}
.status.error{color:#ff9eaa}
.status.pending{color:#f2cb80}
.results li p{font-size:14px;margin:6px 0 0}
@media(max-width:520px){body{padding:24px 12px}main{padding:26px 22px;border-radius:18px}h1{font-size:28px}}
