:root{font-family:system-ui,-apple-system,sans-serif;color:#193b33;background:#f5f5ee}*{box-sizing:border-box}body{margin:0}header{background:#173e36;color:#fff;padding:calc(2rem + env(safe-area-inset-top)) 1.3rem 2rem;display:flex;justify-content:space-between;align-items:start}h1,h2,h3,p{margin:.3rem 0 1rem}h1{font-size:1.8rem;letter-spacing:-.05em}small{font-size:.68rem;font-weight:700;letter-spacing:.1em}header small{color:#b8d7b9}header button{background:#345c50;color:white;border:0;border-radius:50%;font-size:1.4rem;width:42px;height:42px}main{max-width:650px;margin:auto;padding:1.5rem 1.1rem 4rem}button{cursor:pointer;font:inherit}button:not(.card):not(.quiet){background:#285f4b;border:0;color:#fff;border-radius:12px;padding:.8rem 1rem;font-weight:650}input{display:block;width:100%;border:1px solid #c8d2c8;border-radius:10px;padding:.9rem;font:inherit;margin:1rem 0}.heading{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0}.heading h2{margin:.3rem 0}.heading small{color:#668173}#health{font-size:.8rem;background:#e8ede3;border-radius:10px;padding:.8rem;color:#52695d}.card{width:100%;display:flex;justify-content:space-between;text-align:left;align-items:center;background:white;border:1px solid #dfe7dd;border-radius:16px;padding:1.1rem;margin-bottom:.7rem;color:inherit}.card small{display:block;color:#789083;margin-top:.5rem;letter-spacing:0}.card b{font-size:.7rem;background:#eef3e8;padding:.4rem .6rem;border-radius:20px;white-space:nowrap}.empty,.muted{color:#718279}details{margin-top:2rem}summary{cursor:pointer;font-weight:700}.quiet{background:none;border:0;color:#597669;margin-top:2rem}dialog{width:min(92vw,600px);max-height:85vh;overflow:auto;border:0;border-radius:18px;padding:1.5rem;color:inherit}dialog::backdrop{background:#102b24aa}.criterion{padding:.8rem;border-bottom:1px solid #e6ece4}.criterion small{display:block;letter-spacing:0;font-weight:400;margin:.4rem 0;color:#667d70}.warning{background:#fff1dc;padding:.7rem;border-radius:8px}
textarea{display:block;width:100%;border:1px solid #c8d2c8;border-radius:10px;padding:.9rem;font:inherit;margin:.5rem 0 1rem;resize:vertical}label{display:block;font-weight:650;margin-top:1rem}
