:root{font-family:system-ui,sans-serif;color:#15352f;background:#f3f7f5}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:48px auto;padding:24px}header{display:flex;gap:20px;align-items:center;margin-bottom:32px}h1{font-size:clamp(26px,5vw,40px);margin:8px 0}small{letter-spacing:3px;color:#49766a}.mark{background:#174c40;color:#d6f99a;border-radius:18px;font-size:40px;padding:18px}section{background:white;border:1px solid #dce6e1;border-radius:20px;padding:28px;margin:18px 0;box-shadow:0 8px 30px #143d3210}label{display:block;font-weight:600;margin:16px 0}input{display:block;width:100%;padding:13px;border:1px solid #adbbb6;border-radius:9px;margin-top:6px;font:inherit}button,.button{display:inline-block;background:#174c40;color:white;border:0;border-radius:9px;padding:14px 20px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;margin:8px 8px 8px 0;min-height:48px}.secondary{background:#eaf1ed;color:#174c40}button:disabled{opacity:.5}details{border-top:1px solid #e0e8e3;margin-top:24px;padding-top:20px}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf5ef;padding:14px;border-radius:10px}pre:empty{display:none}#message{color:#8d291d}article{border-bottom:1px solid #dce6e1;padding:16px 0}[hidden]{display:none!important}@media(max-width:540px){main{margin:8px auto;padding:16px}section{padding:20px}header{gap:12px}.mark{padding:12px}}