:root{font-family:Arial,sans-serif;color:#203932;background:#f1eee7}*{box-sizing:border-box}body{margin:0;padding:40px 20px}main{max-width:820px;margin:auto}.card{padding:32px;border:1px solid #d8d4c9;border-radius:20px;background:#fff;margin:20px 0;box-shadow:0 12px 40px #2039320b}.brand{font-family:Georgia,serif;font-size:38px;margin:0}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#8b6537}h1{font-size:26px}label{display:block;margin:18px 0}input,select,button{font:inherit;padding:12px;border:1px solid #c6cfc8;border-radius:8px}input,select{display:block;width:100%;margin-top:7px}button{cursor:pointer;background:#203932;color:white;margin:5px 5px 5px 0}button.secondary{background:white;color:#203932}button:disabled{opacity:.5;cursor:wait}a{color:#203932}#message{white-space:pre-wrap;line-height:1.5;color:#913e21}small,p{line-height:1.6}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.top select{width:140px}.user{border-top:1px solid #ddd;padding:16px 0}.user select{max-width:220px}code{background:#eee;padding:3px}#users{overflow-wrap:anywhere} @media(max-width:500px){.card{padding:20px}.top{display:block}}
[hidden]{display:none!important}