*{box-sizing:border-box}body{margin:0;background:#f5f1e9;color:#102a30;font:16px/1.5 system-ui,sans-serif}main{max-width:520px;margin:auto;padding:26px 20px}.brand{font-size:25px;color:#147c84;font-weight:900;text-decoration:none}.kicker{font-size:11px;letter-spacing:.1em;color:#b23932;font-weight:800}h1{font-size:34px;line-height:1.1}h2{font-size:23px;line-height:1.2;margin:0 0 16px}section{background:white;border-radius:20px;padding:22px;margin:18px 0}p{margin:10px 0}label{font-size:14px;font-weight:700;display:block;margin-top:14px}input{width:100%;font:inherit;border:1px solid #c9d5d5;border-radius:10px;padding:12px;margin:5px 0 12px}button,.action{display:block;width:100%;border:0;border-radius:12px;background:#102a30;color:white;font:700 15px/1.4 system-ui;padding:14px;margin-top:12px;text-align:center;cursor:pointer;text-decoration:none}button.secondary{background:#dcedea;color:#102a30}button:disabled{opacity:.55;cursor:wait}small,.note,footer{font-size:13px;line-height:1.5;color:#52666b}.member{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e8f0;padding:12px 0}.choices{display:flex;gap:12px}.choices button[aria-pressed=true]{outline:2px solid #147c84;background:#dcedea;color:#102a30}.choices button{flex:1}.count{font-size:21px;font-weight:800}footer a{display:block;color:#147c84;font-weight:700;margin-top:18px}#social-status{color:#a43f38}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #147c84;outline-offset:3px}
input[type=checkbox]{width:20px;height:20px;padding:0;vertical-align:middle;margin:0 8px} .member b{overflow-wrap:anywhere;min-width:0} section button{overflow-wrap:anywhere}

.friends-illustration{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:18px;margin:18px 0;object-fit:contain}
