*{box-sizing:border-box}body{margin:0;background:#f5f4ed;color:#263e33;font:16px/1.5 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,460px);background:white;border:1px solid #d8ded5;border-radius:20px;padding:36px}h1{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:10px 0}label{display:block;margin:18px 0 6px}input,select,button,textarea{font:inherit;width:100%;padding:12px;border-radius:8px;border:1px solid #b8c3ba}button{margin-top:24px;background:#385548;color:white;cursor:pointer}button:disabled{opacity:.6}small{display:block;color:#59665c}#status{white-space:pre-wrap;color:#923b2d}a{color:#385548}

fieldset{padding:0;border:0;margin:0;min-width:0}legend{font-size:18px;font-weight:600;padding:0}.secondary{background:#f5f7f3;color:#385548;margin-top:12px}[hidden]{display:none!important}input[name=code]{letter-spacing:.35em;font-size:24px;text-align:center}#members p{padding:12px 0;border-bottom:1px solid #d8ded5}#enrollmentQr{display:block;width:min(100%,280px);height:auto;margin:12px auto}details{margin:12px 0}summary{cursor:pointer}code{display:block;overflow-wrap:anywhere;font-size:16px;margin:10px 0}ol{padding-left:22px}li{margin:8px 0}textarea{font:13px/1.8 ui-monospace,monospace;resize:vertical}label.check{display:flex;align-items:flex-start;gap:10px}label.check input{width:20px;height:20px;flex:0 0 20px;margin:3px 0}@media(max-width:480px){body{padding:12px}main{padding:24px}h1{font-size:30px}textarea{font-size:11px}}