body.in-finale{background:#dc8db3}
body.in-finale .app,body.in-finale #fallback{visibility:hidden;pointer-events:none}
#finale{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:#dc8db3;outline:none;padding:24px;text-align:center}
#hearts{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#finale-line{position:relative;z-index:1;margin:0;color:#65344e;font:600 clamp(23px,5vw,42px)/1.4 'DM Sans',sans-serif;letter-spacing:-.035em}
#finale-line:after{content:'';display:inline-block;width:2px;height:.85em;background:currentColor;margin-left:5px;animation:caret .8s steps(1) infinite}
#finale-love{position:relative;z-index:1;margin:0 0 5vh;color:#8d194d;font:800 clamp(76px,17vw,190px)/1 'DM Sans',sans-serif;letter-spacing:-.07em;outline:none;text-shadow:0 2px 30px #f8cada80;animation:love-arrival 1.35s cubic-bezier(.16,1,.3,1) both}
#finale[data-phase=love]{background:radial-gradient(ellipse at 50% 46%,#f9cadc 0%,#e8a2c4 42%,#dc8db3 78%)}
#reread{position:absolute;z-index:2;bottom:max(36px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);min-height:54px;width:max-content;max-width:calc(100% - 40px);padding:16px 24px;border:1px solid #79345433;border-radius:999px;background:#fff5faad;color:#72334f;font:600 15px/1.3 'DM Sans',sans-serif;cursor:pointer;backdrop-filter:blur(12px);animation:replay-arrival .8s 1s both;touch-action:manipulation}
#reread:hover{background:#fff5fa}#reread:active{transform:translateX(-50%) scale(.96)}#reread:focus-visible{outline:3px solid #8d194d;outline-offset:5px}
@keyframes caret{50%{opacity:0}}
@keyframes love-arrival{from{opacity:0;transform:translateY(26px) scale(.78);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes replay-arrival{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){#finale-love,#reread,#finale-line:after{animation:none}}