:root{color-scheme:light;font-family:system-ui,sans-serif;color:#142f25;background:#f1f5f2}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:auto;padding:28px 18px 60px}header span{font-size:11px;font-weight:800;letter-spacing:.09em;color:#487353}h1{font-size:28px;margin:12px 0 4px}h2{font-size:22px}p{line-height:1.7;overflow-wrap:anywhere}section,article{background:#fff;border:1px solid #d4e1d6;border-radius:20px;padding:24px;margin:18px 0;box-shadow:0 10px 30px #193f2410}article{padding:18px;background:#f5f9f5}form,label{display:block}input,button{font:inherit;border-radius:10px;padding:13px;width:100%;margin-top:10px}input{border:1px solid #92aa9b;min-width:0;background:white;color:#142f25}button{background:#184f36;color:white;border:1px solid transparent;cursor:pointer;font-weight:700}button:disabled{opacity:.5}.secondary{background:#eef3ee;color:#254935;border-color:#c8d7cd}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.toolbar button{width:auto;flex:1;white-space:nowrap}video{width:100%;border-radius:12px;margin-top:18px}.hint{font-size:14px;color:#526a5b}#message{color:#8b3f1b;background:#fff4df;border-radius:10px;padding:12px}#message:empty{display:none}.badge{display:inline-block;background:#dff0d4;border-radius:20px;padding:5px 12px;font-weight:700;font-size:13px}[hidden]{display:none!important}:focus-visible{outline:3px solid #78a94b;outline-offset:3px}@media(max-width:380px){section{padding:18px}h1{font-size:25px}}