*{box-sizing:border-box}body{margin:0;background:#f9f8f1;color:#183c36;font:17px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem;flex-wrap:wrap;border-bottom:1px solid #d8ded5}a{color:inherit}main{max-width:760px;margin:3rem auto;padding:0 1rem}.panel{background:white;border:1px solid #d8ded5;border-radius:18px;padding:2rem}h1{line-height:1.2}label{margin:1rem 0}input,label{display:block}input{width:100%;font:inherit;padding:.7rem;border:1px solid #71857d;border-radius:7px}.button,button{display:inline-block;font:inherit;background:#244c43;color:white;padding:.75rem 1rem;border:0;border-radius:8px;margin:.5rem .5rem .5rem 0;cursor:pointer}button:disabled{opacity:.55;cursor:wait}img{max-width:100%;height:auto}code{overflow-wrap:anywhere}[role=alert]{color:#a02c22}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e6b934;outline-offset:3px}@media(max-width:480px){main{margin:1.5rem auto}.panel{padding:1.2rem}header span{font-size:.85rem}}