#save-status{position:fixed;right:18px;bottom:12px;z-index:20;padding:7px 12px;background:#fff;color:#181518;font-size:11px;border-radius:10px;max-width:calc(100% - 36px)}#save-status:empty{display:none}#save-status[data-error=true]{background:#fff1e7;color:#6b2b00;max-width:480px}.save-retry{margin-left:12px;min-height:30px;padding:4px 8px}.event-link-field{margin:24px 0}.event-link-field p{font-size:12px;line-height:1.6;margin-top:10px;color:#d4ccd8}.auth-slot{margin-top:24px}.closed-panel{max-width:550px;margin:40px auto}.guest-stage .reply-content h1{font-size:25px;margin-bottom:14px}.download-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:16px}.download-links a{font-size:12px;min-height:44px;padding:12px}.guest-stage .letter{--paper:#662cb5;position:relative}.letter-stage{position:relative;width:100%;aspect-ratio:406/507}.letter-sheet{position:relative;width:100%;height:100%}.letter-sheet .card-container{max-width:none}.letter-sheet .back-face{display:none}.letter.is-back .front-face{display:none}.letter.is-back .back-face{display:block}.envelope-name{display:none!important}.letter .env-part,.letter .envelope{width:min(100%,460px)}.letter:not(.is-open)~.guest-replies,.letter:not(.is-open)~.save-button{visibility:hidden}.letter .env-rear{background:#662cb5}.guest-stage .letter-controls{margin-top:10px}.letter-controls .text-button{border:0}.open-controls{gap:16px}.letter-sheet:focus-visible{outline:3px solid #662cb5;outline-offset:4px}.public-page{max-width:620px;margin:0 auto}.public-page .guest-stage{margin:10px auto}.public-page .app-header{margin-bottom:8px}.public-page .reply-content textarea{min-height:70px}.public-page .guest-stage .card-container{max-width:min(400px,calc((100svh - 220px)*406/507))}.public-page .letter-stage{max-width:min(400px,calc((100svh - 220px)*406/507));margin:auto}.public-page .guest-stage[data-reply-open=true] .letter-stage{max-width:min(260px,calc((100svh - 400px)*406/507));min-width:130px}.public-page .guest-stage[data-reply-open=true] .card-container{max-width:none}.public-page .app-surface{padding:18px}.public-page .app-header{padding:16px 20px}.public-page .wordmark{font-size:22px}@media(max-width:740px){#save-status{bottom:8px;right:10px;font-size:10px}.public-page .app-header{padding:12px 16px}.public-page .app-surface{margin:0;padding:12px}.public-page .guest-stage{padding:0}.public-page .wordmark{font-size:20px}.public-page .reply-content{margin:8px 0}.public-page .reply-content .primary{margin-top:8px}.public-page .guest-stage .save-button{margin-top:0}}
.letter:not(.is-open) .letter-sheet{pointer-events:none}
.letter button.envelope:hover,.letter button.envelope:active:not(:disabled){transform:translate(-50%,-50%);background:transparent}
.public-page .guest-stage[data-reply-open=true] .letter-stage{max-width:min(210px,calc((100svh - 560px)*406/507))}.return-invitation{display:none}.guest-link-name summary{font-size:11px;cursor:pointer;min-height:44px;padding:14px 0}.guest-link-name input{font-size:12px}.guest-link-name .hint{font-size:10px}.letter button.turn{border:0;text-decoration:underline;text-underline-offset:4px}@media(max-height:700px){.public-page .guest-stage[data-reply-open=true] .letter{display:none}.public-page .guest-stage[data-reply-open=true] .return-invitation{display:block;margin:0 auto 12px;border:0;text-decoration:underline}.public-page .guest-stage[data-reply-open=true] .reply-content textarea{min-height:48px;height:48px}.public-page .guest-stage[data-reply-open=true] .reply-content .field-label{margin-top:12px}.public-page .app-surface{min-height:0}}

@media(max-width:360px){.public-page .guest-replies{flex-wrap:nowrap;gap:4px}.public-page .guest-replies button{flex:1;min-width:0;padding-inline:6px}}