:root{font-family:Arial,sans-serif;color:#322622;background:#f8f3eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:34px 6vw}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9cec2;padding-bottom:26px;margin-bottom:64px}header a{font-size:30px;font-weight:700;text-decoration:none;color:inherit;letter-spacing:-2px}header span{color:#af4f35;padding-left:12px}small,.eyebrow{font-size:11px;letter-spacing:2px;color:#91503c}.intro{max-width:660px;margin:auto}h1{font-family:Georgia,serif;font-size:clamp(44px,6vw,84px);font-weight:400;line-height:1.05;letter-spacing:-2px;margin:22px 0}em{color:#ac5139;font-weight:400}p{line-height:1.6}.lead{font-size:20px;color:#6d625b;max-width:580px}form{margin-top:32px}label{display:block;font-weight:bold;margin-bottom:12px}input,textarea{width:100%;border:1px solid #c9b9aa;border-radius:12px;background:#fffdf9;padding:18px;font:inherit;color:inherit;resize:vertical}input:focus,textarea:focus{outline:2px solid #ac5139;outline-offset:3px}button,.button{display:inline-block;border:0;border-radius:9px;background:#a84932;color:white;padding:17px 24px;font:inherit;cursor:pointer;text-decoration:none;margin:15px 0}button:disabled{opacity:.6;cursor:wait}.secondary{background:#e9dfd3;color:#49372e}.muted{font-size:13px;color:#756960}.actions{display:flex;gap:12px;flex-wrap:wrap}.screen{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px}.qr{background:white;padding:22px;border-radius:24px;text-align:center}.qr img{width:100%;display:block}.qr p{font-size:10px;letter-spacing:1px}#facts{padding-left:30px}#facts li{padding:20px;background:#fffdf9;border:1px solid #e2d7cc;border-radius:12px;margin-bottom:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}#status{color:#93412e}footer{border-top:1px solid #d9cec2;margin-top:70px;padding-top:22px;color:#8c8075;font-size:12px}#saved a{color:#93412e}@media(max-width:650px){header{margin-bottom:40px}header small{display:none}.screen{grid-template-columns:1fr;gap:20px}.qr{max-width:360px;margin:auto}.actions{gap:0}.actions>*{width:100%;text-align:center;margin:5px 0}main{padding:25px 6vw}h1{letter-spacing:-1px}}
@media(min-width:900px){body[data-mode=screen] main{padding:24px 5vw}body[data-mode=screen] header{margin-bottom:26px}body[data-mode=screen] h1{font-size:clamp(38px,5vw,72px);overflow-wrap:anywhere}body[data-mode=screen] .qr{max-width:min(38vw,65vh);justify-self:center}body[data-mode=screen] footer{display:none}body[data-mode=screen] .lead{font-size:18px}body[data-mode=screen] .screen{gap:30px}}
.birthday-photo{display:block;width:100%;height:auto;border-radius:16px}body[data-mode=screen] .screen-question{font-size:clamp(28px,3vw,48px);letter-spacing:-1px;margin:24px 0 12px}body[data-mode=screen] main{max-width:1800px}body[data-mode=screen] .screen{grid-template-columns:1.65fr 1fr}body[data-mode=screen] .qr{width:100%}@media(max-width:650px){body[data-mode=screen] .screen{grid-template-columns:1fr}}