*{box-sizing:border-box}body{margin:0;background:#101b22;color:#eef5f2;font:16px system-ui,sans-serif}main{max-width:560px;margin:8vh auto;padding:24px}h1{font-size:2rem;letter-spacing:-.04em}section{background:#1c3037;border:1px solid #38555a;border-radius:18px;padding:26px;margin-top:25px}label{display:block;margin:18px 0;font-weight:600}input{display:block;width:100%;padding:12px;margin-top:8px;border-radius:8px;border:1px solid #77959a;font:inherit}button{border:0;border-radius:8px;background:#a4e4cd;color:#11291f;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #f5d88b;outline-offset:2px}#status{min-height:2.5em;color:#c7ddd8}li{margin:12px 0} [hidden]{display:none!important}