/* Submission feedback stays visible while the form request is in progress. */
body.submit-modal-open{overflow:hidden}
.submit-modal[hidden],.submit-modal-qr[hidden],.submit-modal-close[hidden]{display:none}
.submit-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px}
.submit-modal-backdrop{position:absolute;inset:0;background:rgba(38,28,23,.62)}
.submit-modal-panel{position:relative;width:min(100%,440px);max-height:calc(100vh - 32px);overflow:auto;padding:34px 32px 30px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:0 24px 80px rgba(38,28,23,.28);text-align:center;-webkit-overflow-scrolling:touch}
.submit-modal-panel:focus{outline:none}
.submit-modal-mark{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;border-radius:50%;background:#fff0d9;color:#a75b0a;font-size:29px;font-weight:800}
.submit-modal[data-state="submitting"] .submit-modal-mark:after{content:"";width:26px;height:26px;border:3px solid #efc99a;border-top-color:var(--orange);border-radius:50%;animation:submit-modal-spin .9s linear infinite}
.submit-modal[data-state="success"] .submit-modal-mark{background:#e7f2e5;color:#376139}
.submit-modal[data-state="success"] .submit-modal-mark:after{content:"✓"}
.submit-modal[data-state="error"] .submit-modal-mark{background:#fff0e8;color:#9b3f28}
.submit-modal[data-state="error"] .submit-modal-mark:after{content:"!"}
.submit-modal-panel h2{margin:0 0 11px;color:var(--ink);font-size:26px;line-height:1.3}
.submit-modal-panel>p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.submit-modal-qr{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.submit-modal-qr p{margin:0 0 15px;color:var(--ink);font-size:15px;font-weight:700;line-height:1.65}
.submit-modal-qr img{display:block;width:min(240px,100%);height:auto;margin:0 auto;border:8px solid #fff;border-radius:12px}
.submit-modal-qr small{display:block;margin-top:10px;color:var(--muted);font-size:12px;line-height:1.5}
.submit-modal-close{width:100%;margin-top:24px;border:0;cursor:pointer}
.submit-modal-close:focus-visible{outline:3px solid #8b4d08;outline-offset:3px}
@keyframes submit-modal-spin{to{transform:rotate(360deg)}}
@media(max-width:480px){.submit-modal-panel{padding:26px 20px 24px}.submit-modal-panel h2{font-size:23px}.submit-modal-qr img{width:min(220px,100%)}}
@media(prefers-reduced-motion:reduce){.submit-modal[data-state="submitting"] .submit-modal-mark:after{animation:none}}