*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#242c28;font:16px system-ui;line-height:1.6}main{max-width:660px;margin:40px auto;padding:28px;background:white;border:1px solid #e1e5db;border-radius:22px}.brand{font-size:36px;font-weight:800;text-decoration:none;color:#243a29}.brand span{color:#79a459}h1{font-size:28px}label{display:grid;gap:5px;margin:16px 0}input,button{font:inherit;border-radius:10px;padding:12px;border:1px solid #bdc8b8;width:100%;min-height:46px}button{background:#294a32;color:white;font-weight:650;cursor:pointer;margin:10px 0}button:disabled{opacity:.55;cursor:wait}a{color:#294a32}#error{color:#962b2b;white-space:pre-wrap}#invite{padding:18px;background:#eef3e9;border-radius:16px}.user{border-top:1px solid #ddd;padding:16px 0;overflow-wrap:anywhere}.user small{display:block}summary{cursor:pointer;padding:14px 0}nav{margin-bottom:20px}@media(max-width:700px){main{margin:12px;padding:20px}h1{font-size:25px}}
select{font:inherit;padding:12px;border:1px solid #bdc8b8;border-radius:10px;width:100%;min-height:46px}