*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f5f1;color:#233631;font:16px/1.6 system-ui,sans-serif}header{background:#183d34;color:white;padding:24px 5%}header a{color:inherit;text-decoration:none}nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px}nav a[aria-current]{border-bottom:2px solid #cbea86}main{max-width:1120px;margin:auto;padding:48px 24px}h1{font-size:clamp(32px,5vw,58px);line-height:1.08;letter-spacing:-2px;margin:12px 0 24px}h2{line-height:1.25}p{max-width:70ch}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#577268}.hero{padding:28px 0 40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card,section.panel{background:white;border:1px solid #d9dfd5;border-radius:16px;padding:24px;margin-bottom:24px}.art{background:#e6eddc;border-radius:12px;text-align:center;padding:32px;font-size:56px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button,.button{font:inherit;cursor:pointer;border:1px solid #315448;background:#214e40;color:white;padding:10px 18px;border-radius:7px;text-decoration:none;display:inline-block}button.secondary{background:white;color:#214e40}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;border:1px solid #a7b7ac;border-radius:6px;padding:10px;max-width:100%;background:white}label{display:block;margin:12px 0}label input:not([type=radio]):not([type=checkbox]),label select,label textarea{display:block;width:100%;margin-top:5px}fieldset{border:1px solid #d9dfd5;border-radius:8px}output,.status{display:block;color:#315e47;margin:12px 0}footer{padding:24px 5%;border-top:1px solid #d9dfd5;margin-bottom:24px}.inspector{background:#152923;color:#d6e8dc;padding:20px;border-radius:12px;margin-top:40px}.inspector pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;font-size:12px}.inspector button{border-color:#7a9a88}summary{cursor:pointer;font-weight:650}dialog{border:0;border-radius:16px;max-width:440px;padding:30px}dialog::backdrop{background:#13281eb8}video,canvas{width:100%;max-width:640px;border-radius:12px;background:#183d34}.drop{border:2px dashed #8aa28f;min-height:120px;padding:20px;border-radius:12px}.deep{min-height:65vh;display:flex;align-items:center}.muted{color:#617369}a{color:#255b46}:focus-visible{outline:3px solid #b07719;outline-offset:4px}.todo li{margin:10px 0}.todo button{padding:3px 9px;margin-left:8px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}