*{box-sizing:border-box}html{min-height:100%;background:#f4f1e8;color:#233b31;font:16px/1.5 system-ui,sans-serif}body{margin:0;padding:clamp(20px,8vh,90px) 16px}main{max-width:30rem;margin:auto;padding:clamp(22px,6vw,42px);background:#fffdf6;border:1px solid #d9dbcf;border-radius:16px}header{font-weight:700}a{color:#245b43}h1{margin:24px 0 15px;line-height:1.2;font-size:2rem}label{display:block;margin:15px 0 5px;font-weight:600}input,select,button{font:inherit}input:not([type=checkbox]),select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #8c9c8d;border-radius:5px}button{background:#284939;color:white;border:0;padding:9px 18px;border-radius:6px;cursor:pointer}button:disabled{opacity:.55;cursor:default}button.secondary{background:transparent;color:#284939;border:1px solid #879c90}p{color:#536158}p[role=alert]{color:#933d28}p:empty{display:none}form button{margin-top:12px}.toggle{display:flex;gap:.6em;align-items:center}.toggle input{appearance:none;width:38px;height:22px;background:#748178;border-radius:14px;position:relative;margin:0}.toggle input:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:white;border-radius:50%}.toggle input:checked{background:#28624a}.toggle input:checked:before{left:19px}.toggle input:disabled{opacity:.55}hr{border:0;border-top:1px solid #d9dbcf;margin:24px 0 10px}