:root{font-family:system-ui,sans-serif;color:#24342f;background:#f3f2ed}*{box-sizing:border-box}body{margin:0}main{max-width:660px;margin:32px auto;padding:30px;background:#fff;border:1px solid #dfdfd7;border-radius:16px}header,.row{display:flex;justify-content:space-between;align-items:center;gap:16px}header{color:#5c6961;font-size:.9rem}.brand{font-weight:800;letter-spacing:.15em;color:#234a3a}h1{margin-top:38px;font-size:2.2rem}h2{font-size:1.25rem}p{line-height:1.6}form{display:grid;gap:18px;margin:24px 0}label{display:grid;gap:7px;font-size:.95rem}input,button{font:inherit;padding:12px;border:1px solid #a7b4ac;border-radius:8px}button{background:#234a3a;color:#fff;cursor:pointer}button:disabled{opacity:.6}input:focus,button:focus,summary:focus{outline:3px solid #cab879;outline-offset:2px}details{border-top:1px solid #ddd;padding-top:22px}summary{cursor:pointer}#message{color:#884324;min-height:1.5em}code{display:block;overflow-wrap:anywhere;padding:15px;background:#f3f2ed}li{margin:12px 0;line-height:1.6;overflow-wrap:anywhere}footer{margin-top:34px;border-top:1px solid #ddd;padding-top:20px;font-size:.85rem;color:#626c65;line-height:1.6}[hidden]{display:none!important}@media(max-width:700px){main{margin:0;min-height:100vh;border:0;border-radius:0;padding:24px}.row{align-items:flex-start}h1{font-size:1.9rem}}