.finale-dialog{display:none;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--bg);color:var(--ink);overflow:auto}
.finale-dialog[open]{display:grid;grid-template-columns:1.06fr 1fr}
.finale-dialog::backdrop{background:#17121fee}
.finale-dialog>.dialog-close{position:fixed;top:max(16px,env(safe-area-inset-top));right:22px;z-index:8;background:var(--bg);color:var(--ink);border:1px solid var(--line);box-shadow:0 3px 20px #0002;width:46px;height:46px}
.finale-portrait{position:relative;background:var(--stage);height:100dvh;min-height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.finale-portrait>img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}
.finale-photo-mark{position:absolute;left:27px;bottom:25px;z-index:3;box-sizing:border-box;color:#392c35;background:#fff9efec;border-radius:2px;padding:10px 15px;transform:rotate(-3deg);transform-origin:left bottom;font:italic 22px Georgia,serif;box-shadow:0 4px 16px #0002;overflow-wrap:anywhere}
.finale-message{padding:clamp(60px,8vh,110px) clamp(28px,5vw,90px) 45px;display:flex;flex-direction:column;justify-content:center;min-width:0;align-self:stretch}
.finale-message>.eyebrow{color:var(--accent-ink);margin:0 0 20px}
.finale-message h2{font:500 clamp(34px,3.8vw,64px)/1.08 Georgia,serif;letter-spacing:-1.4px;margin:0 0 27px;overflow-wrap:anywhere}
.finale-moment{font-size:.875rem;font-weight:650;margin:0 0 10px;color:var(--accent-ink)}
.finale-note{font-size:clamp(16px,1.2vw,19px);line-height:1.8;margin:0;white-space:pre-line;overflow-wrap:anywhere}
.finale-signature{margin:35px 0 32px;display:flex;flex-direction:column;gap:9px}
.finale-signature>span{color:var(--muted);font-size:.875rem}
.finale-signature>strong{font:italic clamp(32px,3.5vw,60px)/1.1 Georgia,serif;font-weight:400;letter-spacing:-1.2px;color:var(--accent-ink);transform:rotate(-3deg);transform-origin:left;overflow-wrap:anywhere}
.finale-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.finale-actions button{min-height:46px}
.finale-status{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:13px 0 0;min-height:2.5em}
.finale-dialog[data-reveal=playing]::before{content:'';position:fixed;inset:0;z-index:7;background:#17121f;pointer-events:none;animation:finale-darken .65s ease both}
.finale-dialog[data-reveal=playing] .finale-portrait>img{animation:finale-arrive .8s .25s ease both}
.finale-dialog[data-reveal=playing] .finale-photo-mark{animation:finale-arrive .65s .6s ease both}
.finale-dialog[data-reveal=playing] .finale-message>.eyebrow{animation:signature-arrive .45s .55s ease both}
.finale-dialog[data-reveal=playing] .finale-message>h2{animation:signature-arrive .6s .7s ease both}
.finale-dialog[data-reveal=playing] .finale-moment{animation:signature-arrive .5s .9s ease both}
.finale-dialog[data-reveal=playing] .finale-word{animation:finale-arrive .5s var(--line-delay,1.1s) ease both}
.finale-dialog[data-reveal=playing] .finale-signature{animation:signature-arrive .55s 2.4s ease both}
.finale-dialog[data-reveal=playing] .finale-actions,.finale-dialog[data-reveal=playing] .finale-status{animation:finale-arrive .3s 2.7s ease both}
.finale-sparks{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.finale-sparks i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff4bd;left:var(--x);top:70%;opacity:0}
.finale-dialog[data-reveal=playing] .finale-sparks i{animation:finale-spark 2.8s calc(1.5s + var(--d)) ease-out both}
.finale-sparks i:nth-child(even){width:4px;height:4px;background:#fff}
body[data-theme=afterparty] .finale-sparks i{border-radius:1px;background:var(--accent);width:8px;height:13px;rotate:23deg}
body[data-theme=afterparty] .finale-sparks i:nth-child(even){background:#d29afa}
@keyframes finale-arrive{from{opacity:0}to{opacity:1}}
@keyframes finale-darken{0%,25%{opacity:1}100%{opacity:0}}
@keyframes signature-arrive{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@keyframes finale-spark{0%{opacity:0;translate:0 0}15%{opacity:.85}100%{opacity:0;translate:15px -220px}}
@media(max-width:760px){
 .finale-dialog[open]{display:block}.finale-portrait{height:53svh;min-height:270px}.finale-portrait>img{object-fit:contain}.finale-photo-mark{left:19px;bottom:17px;font-size:18px;padding:8px 12px}
 .finale-message{padding:29px 25px max(30px,env(safe-area-inset-bottom))}.finale-message>.eyebrow{font-size:.75rem;margin-bottom:15px}.finale-message h2{font-size:37px;margin-bottom:22px}.finale-note{font-size:1rem;line-height:1.7}.finale-signature{margin:27px 0}.finale-signature>strong{font-size:43px}.finale-actions{gap:14px}.finale-actions .primary-button{width:100%}.finale-actions .quiet-button{margin:auto}.finale-dialog>.dialog-close{right:14px}
}
.sign-off-field small{color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.5;margin-top:7px}
@media(prefers-reduced-motion:reduce){.finale-dialog[data-reveal=playing]::before{display:none}.finale-dialog[data-reveal=playing] *{animation:none!important}.finale-sparks{display:none}}