:root{color-scheme:light;font:16px/1.7 system-ui,sans-serif;color:#26302b;background:#f8f9f7}
*{box-sizing:border-box}body{margin:0;padding:32px 20px}main{max-width:580px;margin:4vh auto;background:#fff;border:1px solid #e1e6e1;border-radius:4px;padding:32px}
.brand{display:flex;align-items:center;gap:10px;color:inherit;font:600 24px Georgia,serif;text-decoration:none;margin-bottom:32px}.brand img{width:30px;height:30px}
h1{font-size:25px;line-height:1.35;margin:0 0 20px}h2{font-size:18px}p{margin:12px 0}label{display:block;margin:16px 0}input{display:block;width:100%;font:inherit;padding:10px;border:1px solid #bbc4bd;border-radius:3px}
button{font:inherit;border:1px solid #a5b0a8;border-radius:3px;padding:9px 20px;cursor:pointer;background:white;color:inherit;margin:8px 12px 8px 0;min-height:44px}button.primary{background:#324d40;color:white;border-color:#324d40}button:disabled{opacity:.5;cursor:wait}a{color:#324d40}small{color:#637168}code{overflow-wrap:anywhere;font-size:13px}li{margin:10px 0}section{border-top:1px solid #e1e6e1;padding-top:18px;margin-top:24px}#error{color:#983a34;white-space:pre-line}.actions{margin-top:24px}@media(max-width:480px){body{padding:16px}main{padding:24px;margin-top:0}}