@font-face{font-family:LetterHand;src:url('assets/fonts/caveat.ttf') format('truetype');font-display:swap}
@font-face{font-family:LetterSans;src:url('assets/fonts/letter-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:LetterSymbols;src:url('assets/fonts/letter-symbols.ttf') format('truetype');font-display:swap}
.letter-input>span{font-family:LetterHand,cursive;font-size:30px;font-weight:400}.letter-input textarea{font-family:LetterHand,cursive;font-size:23px;line-height:30px;background:repeating-linear-gradient(#fffdf7 0 29px,#f3f0e4 29px 30px)}
.letter-preview h3{font-family:LetterHand,cursive;font-size:34px;font-weight:400;letter-spacing:0}.letter-preview>p:not(.letter-sign){font-family:LetterHand,cursive;font-size:21px}.sibling-letter-input{font-family:LetterHand,cursive!important;font-size:22px!important}
.draft-keepsake{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px;gap:5px;padding:13px 15px;border:1px dashed #c6ccb8;border-radius:9px;background:#eef1e6}.draft-keepsake .text-link{font-size:12px;padding:2px 0}.draft-keepsake p{font-size:10px;line-height:1.7}
#keepsake-dialog{width:min(760px,calc(100% - 24px))}#keepsake-dialog .modal-body>p{font-size:12px;margin-top:10px}.keepsake-loading{text-align:center;padding:24px 10px;color:var(--teal);font-size:13px}.keepsake-card{border:1px solid #e1dfd0;border-radius:14px;background:#f3f2e8;padding:20px;margin:20px 0;text-align:center}.keepsake-card h3,#form-success .keepsake-card h3{font-family:Rounded,sans-serif;font-size:15px;font-weight:600;letter-spacing:0;margin:0 0 17px;overflow-wrap:anywhere}.keepsake-preview{width:min(100%,360px);margin:0 auto;background:#fffdf7;box-shadow:0 4px 18px #38412b17;border:1px solid #ebe4d5}.keepsake-preview svg{display:block;width:100%;height:auto}.keepsake-page-count{font-size:10px!important;margin-top:12px;color:#798473}.keepsake-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.keepsake-actions .button{min-height:42px;font-size:12px;padding:11px 17px}.keepsake-print{background:#e3eada;color:#355a46;box-shadow:none;border:1px solid #ccd8c3}.keepsake-print:hover{background:#d3dfc8;color:#294a38}.keepsake-open{display:inline-block;font-size:10px;text-decoration:underline;text-underline-offset:3px;color:#526c54;margin-top:13px}.keepsake-disclaimer{font-size:10px!important;color:#6c7967;margin-top:16px}.success-demo{margin-bottom:10px}#form-success>.success-envelope{width:68px;height:68px;margin-bottom:18px}#form-success>.success-envelope .icon{width:39px;height:39px}#form-success>.success-envelope>span{font-size:24px}#form-success>.button{margin-top:17px}
@media(max-width:520px){.letter-input textarea{font-size:23px}.keepsake-card{padding:15px 11px}.keepsake-card h3,#form-success .keepsake-card h3{font-size:13px}.keepsake-actions{gap:8px}.keepsake-actions .button{font-size:11px;padding:11px 13px}.draft-keepsake .text-link{font-size:11px}.draft-keepsake p{font-size:9px}#keepsake-dialog .modal-body{padding:19px 16px}.letter-preview h3{font-size:31px}.letter-preview>p:not(.letter-sign){font-size:20px}}