:root{font:16px system-ui,sans-serif;color:#e7edf8;background:#101722;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:36px 22px}h1{font-size:2.5rem;margin:8px 0}h2{font-size:1.2rem}p{color:#bac8db;line-height:1.6}.brand{letter-spacing:.2em;color:#7ecbd7;font-weight:700}#login,#setup,article{background:#1a2535;border:1px solid #344458;border-radius:16px;padding:24px;margin:20px 0}#login,#setup{max-width:460px}label{display:grid;gap:10px}input{font:inherit;padding:12px;border:1px solid #63758c;border-radius:8px;margin-bottom:20px;max-width:100%}button{font:inherit;padding:10px 18px;border:1px solid #60748f;border-radius:8px;background:#26384f;color:#fff;cursor:pointer}button:hover{background:#365270}button:focus-visible,input:focus-visible{outline:3px solid #81dbe5;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.badge{display:inline-block;border-radius:50px;padding:4px 12px}.pending{background:#624a20}.badge.allowed{background:#1c5742}.badge.blocked{background:#692e3b}article p{overflow-wrap:anywhere}dialog{max-width:460px;border:1px solid #60748f;border-radius:16px;padding:24px;background:#1a2535;color:#fff}dialog::backdrop{background:#0009}[hidden]{display:none!important}.note{font-size:.9rem}#message:not(:empty){padding:14px;border:1px solid #60748f;border-radius:8px}