*{box-sizing:border-box}body{margin:0;background:#163e33;color:#eaf0df;font:14px 'Trebuchet MS',sans-serif;min-height:100dvh;display:grid;place-items:center;padding:28px}main{width:min(390px,100%)}.mark{font:italic 52px Georgia,serif;color:#d2e4a5}.eyebrow{font-size:9px;letter-spacing:2px;margin-top:28px;color:#bacbb1}h1{font:58px/1.02 Georgia,serif;margin:23px 0;letter-spacing:-2px}h1 em{color:#bad28e}.intro{font-size:12px;line-height:1.8;color:#adc2ad;margin-bottom:32px}label{display:block;font-size:9px;letter-spacing:1.5px;margin:21px 0 9px;color:#c6d5bb}input{display:block;width:100%;font:14px 'Trebuchet MS',sans-serif;border:1px solid #698269;background:#254e40;color:#f4f7ec;border-radius:5px;padding:13px}input[readonly]{color:#a7bfa4}button{width:100%;border:0;border-radius:5px;margin-top:25px;padding:15px;background:#d5e4b2;color:#244331;font:14px 'Trebuchet MS',sans-serif;cursor:pointer;text-align:left}button span{float:right}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #e2c799;outline-offset:3px}#status{min-height:38px;color:#eed0a0;line-height:1.6;font-size:12px}footer{border-top:1px solid #4f6e53;padding-top:20px;font-size:8px;letter-spacing:1.4px;color:#9db392}@media(max-height:700px){h1{font-size:43px;margin:16px 0}.eyebrow{margin-top:16px}.intro{margin-bottom:15px}body{padding:22px}}
[hidden]{display:none}.quiet{background:transparent;color:#d5e4b2;border:1px solid #698269;margin-top:12px}input#code{font:22px/1 ui-monospace,Menlo,monospace;letter-spacing:6px;text-align:center}