*{box-sizing:border-box}html{background:#eef0eb}body{margin:0;color:#263028;font-family:Arial,sans-serif;background:radial-gradient(circle at 50% 0,#fff 0,#f5f1ea 48%,#e8ece5 100%);min-height:100vh}.shell{min-height:100vh;padding:42px 18px}.hero{width:min(720px,100%);margin:auto;text-align:center}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:800;color:#788274;margin-bottom:12px}h1{font:normal 52px/1.05 Georgia,serif;margin:0;color:#344039}h1 span{font-style:italic;font-weight:400;color:#899384}.lede{font:italic 19px/1.5 Georgia,serif;color:#72786f;margin:14px 0 30px}.upload-card,.qr-card{background:#ffffffdd;border:1px solid #ffffff;border-radius:28px;box-shadow:0 18px 55px #4d5b4e17}.upload-card{padding:34px 28px}.camera{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#edf0e9;font-size:25px;color:#6f7d69}.upload-card h2,.qr-card h2{font:normal 27px/1.2 Georgia,serif;margin:0 0 8px}.upload-card p,.qr-card p{color:#72766f;line-height:1.55;margin:0 auto 22px;max-width:500px}.upload-button,.secondary{display:block;width:100%;border:0;border-radius:14px;padding:16px 18px;font-size:15px;font-weight:800;cursor:pointer}.upload-button{background:#687663;color:white}.secondary{margin-top:10px;background:#e9ece7;color:#536052}.secondary:disabled{opacity:.5;cursor:not-allowed}.selection{margin:16px 0 4px;font-size:13px;color:#747b72}.status{min-height:20px;margin-top:12px;font-size:13px;color:#697267}.qr-card{margin-top:18px;padding:26px;display:grid;grid-template-columns:1fr 154px;gap:24px;align-items:center;text-align:left}.qr{background:#fff;padding:12px;border-radius:16px;box-shadow:inset 0 0 0 1px #e6e8e3}.qr img{display:block!important;width:130px!important;height:130px!important}.qr canvas{display:none!important}.text-button{background:none;border:0;padding:0;color:#5d6d5a;text-decoration:underline;font-weight:700;cursor:pointer}footer{padding:28px 0 8px;font:italic 13px Georgia,serif;color:#899087}@media(max-width:560px){.shell{padding:28px 14px}h1{font-size:43px}.upload-card{padding:28px 20px}.qr-card{grid-template-columns:1fr;text-align:center}.qr{width:154px;margin:auto}.lede{margin-bottom:22px}}.guest-name-label{display:block;text-align:left;margin:0 0 14px;font-size:13px;font-weight:700;color:#59645a}.guest-name-label span{font-weight:400;color:#899087}.guest-name{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d8ddd5;border-radius:12px;background:#fff;color:#263028;font:inherit;outline:none}.guest-name:focus{border-color:#899783;box-shadow:0 0 0 3px #8997831f}