:root {color-scheme: light; font-family: Arial, sans-serif; color:#153b3b; background:#f3f7f4; line-height:1.7}
* {box-sizing:border-box} body {margin:0} main {max-width:880px; margin:auto; padding:32px 20px 64px}
h1 {font-size:clamp(2rem,6vw,3rem);line-height:1.2;margin:.3em 0} h2 {line-height:1.3} h3 {margin-top:0}
p {max-width:75ch} header {padding:12px 0 24px} .eyebrow {color:#45625f;font-weight:bold}
section {background:#fff;border:1px solid #c9d8d2;border-radius:18px;padding:24px;margin:22px 0}
.notice {border-inline-start:5px solid #936823;background:#fff4da;padding:16px 20px;border-radius:8px;color:#513a15}
.tasks,.actions {display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
button {font:inherit;cursor:pointer;min-height:48px;padding:9px 19px;border-radius:9px;border:2px solid #1a6557;background:#1a6557;color:#fff;font-weight:bold}
button.secondary,.tasks button {background:white;color:#164d43}.tasks button[aria-pressed="true"] {background:#dceee7;border-color:#164d43}
button:disabled {cursor:default;opacity:1;background:#ecefed;color:#656f6b;border-color:#a8b4ae}
button:focus-visible,input:focus-visible,a:focus-visible {outline:3px solid #c05315;outline-offset:4px}
.task-card {padding:20px;background:#f2f8f5;border-radius:12px}.target {font-size:1.9rem;font-weight:bold;text-align:center;word-break:break-word}
.check {display:flex;gap:12px;align-items:flex-start;cursor:pointer;margin:18px 0}.check input {margin-top:7px;flex-shrink:0;width:21px;height:21px;accent-color:#1a6557}
.consent {border:1px solid #b1c7bc;border-radius:9px;padding:12px} .muted,footer {color:#4d625a;font-size:.95rem}
#status {font-weight:bold;min-height:2em} #meter {font-variant-numeric:tabular-nums} audio,video {width:100%;max-height:420px;border-radius:10px}
[hidden] {display:none!important} footer {padding:16px 0} @media(max-width:500px) {section{padding:18px}button{flex-grow:1}}