*{box-sizing:border-box}body{margin:0;background:#f4f6f2;color:#223224;font:15px/1.5 system-ui,sans-serif}header{max-width:1280px;margin:auto;padding:16px 20px}h1{font-size:20px;margin:0}p{margin:7px 0;color:#53614f}button,select{font:inherit;min-height:44px;border:1px solid #bac6b5;border-radius:9px;background:#fff;color:#223224;padding:8px 16px;cursor:pointer}button[aria-pressed=true],#save{background:#294b30;border-color:#294b30;color:white}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #90b475;outline-offset:3px}#controls{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}nav{display:flex;gap:8px}#summary,.note{font-size:13px}#screen{display:block;width:100%;height:calc(100dvh - 170px);min-height:560px;border:0;background:white}dialog{max-width:430px;width:calc(100% - 32px);border:0;border-radius:16px;padding:24px;box-shadow:0 16px 60px #0003}dialog::backdrop{background:#17211670}h2{font-size:21px;margin-top:0}label{display:grid;gap:6px;margin:18px 0}.check{display:flex;align-items:center}.check input{width:20px;height:20px}footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}[role=alert]{color:#9b3027}[hidden]{display:none!important}@media(max-width:480px){header{padding:14px 16px}#controls>button{width:100%}#screen{height:calc(100dvh - 235px)}}