:root{--bg: #14040a;--cream: #fbf4ea;--ink: #3b2126;--gold: #c9a36a;--rose: #a8132c;--blush: #f4b3c2;--serif: "Cormorant Garamond", "Times New Roman", serif;--script: "Pinyon Script", "Snell Roundhand", cursive;--hand: "Caveat", "Bradley Hand", cursive;--noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--heart: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 21s-7.5-4.6-10-9.3C.4 8.4 2.2 4.5 6 4.5c2.3 0 3.6 1.3 6 3.7 2.4-2.4 3.7-3.7 6-3.7 3.8 0 5.6 3.9 4 7.2C19.5 16.4 12 21 12 21z'/></svg>");--pw: min(250px, 40vw, 33vh)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:var(--bg);color:var(--cream);font-family:var(--serif);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}.bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 42%,rgba(120,18,40,.55),transparent 70%),radial-gradient(ellipse at 50% 50%,#2c0812,#1a050c 55%,#0c0206)}.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--noise);opacity:.09;mix-blend-mode:overlay}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.photos{position:absolute;left:50%;top:50%;z-index:2;width:0;height:0;will-change:transform,opacity}.polaroid{position:absolute;width:var(--pw);margin-left:calc(var(--pw) * -.5);margin-top:calc(var(--pw) * -.6);padding:calc(var(--pw) * .06) calc(var(--pw) * .06) 0;background:#fdfaf4;background-image:linear-gradient(170deg,#fffdf8,#f1ebe0);border-radius:2px;box-shadow:0 3px 8px #00000059;visibility:hidden;will-change:transform}.polaroid .ph{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(140deg,hsl(var(--h) 62% 74%),hsl(calc(var(--h) - 16) 52% 42%));box-shadow:inset 0 0 0 1px #00000014}.polaroid .ph:after{content:"";position:absolute;top:34%;right:34%;bottom:34%;left:34%;background:var(--heart) center / contain no-repeat;opacity:.35}.polaroid .ph img,.mini-pol .ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.polaroid figcaption{height:calc(var(--pw) * .26);display:flex;align-items:center;justify-content:center;font-family:var(--hand);font-size:calc(var(--pw) * .1);color:#43302f;white-space:nowrap}.bouquet{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;visibility:hidden;will-change:transform,opacity}.letter-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;perspective:2200px;visibility:hidden}.card{position:absolute;left:50%;top:50%;z-index:2;width:var(--cw);height:var(--ch);margin-left:calc(var(--cw) * -.5);margin-top:calc(var(--ch) * -.5);transform-style:preserve-3d;will-change:transform}.env{position:absolute;left:50%;top:50%;width:var(--ew);height:var(--eh);margin-left:calc(var(--ew) * -.5);margin-top:calc(var(--eh) * -.5);border-radius:6px;visibility:hidden;will-change:transform}.env-back{z-index:0;background:linear-gradient(180deg,#d9b3a8,#ecd3c8);box-shadow:0 24px 50px #0006,0 4px 12px #0003}.env-pocket{z-index:3;clip-path:polygon(0 0,50% 46%,100% 0,100% 100%,0 100%);background:linear-gradient(170deg,#fbf1ea,#f1ddd3)}.env-flap{z-index:4;backface-visibility:visible;clip-path:polygon(0 0,100% 0,50% 56%);background:linear-gradient(180deg,#f6e4db,#e8cbbf)}.env-face{z-index:5;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.8),transparent 60%),linear-gradient(165deg,#fdf6f0,#f2e1d7);box-shadow:0 24px 50px #0006,0 4px 12px #0003}.env-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--noise);opacity:.1;mix-blend-mode:multiply}.env-name{font-family:var(--hand);font-weight:700;font-size:calc(var(--eh) * .3);line-height:1;color:#7c1427;transform:rotate(-3deg)}.env-i{position:relative;display:inline-block}.env-i svg{position:absolute;left:50%;top:.08em;width:.26em;transform:translate(-12%) rotate(8deg);fill:#d23a5a}.card-page,.cover-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;overflow:hidden;color:var(--ink);background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.9),transparent 60%),linear-gradient(160deg,#fdf8f0,#f3e9db);box-shadow:0 20px 50px #00000059,0 4px 12px #0003;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-page:before,.cover-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--noise);opacity:.1;mix-blend-mode:multiply;pointer-events:none}.card-cover{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:0 50%}.card.vertical .card-cover{transform-origin:50% 0}.cover-back,.card-back{transform:rotateY(180deg)}.card.vertical .cover-back,.card.vertical .card-back{transform:rotateX(180deg)}.cover-front .frame,.card-back .frame{position:absolute;inset:calc(var(--cu) * .06);border:1px solid rgba(169,125,70,.55);outline:1px solid rgba(169,125,70,.3);outline-offset:calc(var(--cu) * -.018);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-back .frame{gap:calc(var(--cu) * .05)}.ps-label{font-family:var(--script);font-size:calc(var(--cu) * .16);line-height:1;color:#9b1b30}.meal{width:calc(var(--cu) * .72);height:auto;overflow:visible;filter:drop-shadow(0 6px 10px rgba(80,40,30,.22))}.card.vertical .meal{width:calc(var(--cu) * .56)}.ps-text{font-size:calc(var(--cu) * .085);font-style:italic;font-weight:500;color:#5a3a33}.ps-note{max-width:86%;margin-top:calc(var(--cu) * -.03);font-family:var(--hand);font-size:calc(var(--cu) * .058);line-height:1.3;color:#8a5a55}.ornament{width:calc(var(--cu) * .62);height:auto;margin-bottom:calc(var(--cu) * .02)}.c-happy{font-family:var(--script);font-size:calc(var(--cu) * .2);line-height:1;color:#9b1b30}.c-title{margin-top:calc(var(--cu) * .03);font-size:calc(var(--cu) * .065);letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;font-weight:500;color:#5a3a33}.c-title sup{font-size:.55em;letter-spacing:.05em}.c-names{margin-top:calc(var(--cu) * .06);font-family:var(--hand);font-size:calc(var(--cu) * .075);color:#8a5a55}.cover-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--cu) * .07)}.card.vertical .cover-back{flex-direction:row;gap:calc(var(--cu) * .12)}.mini-pol{width:calc(var(--cu) * .56);padding:calc(var(--cu) * .03) calc(var(--cu) * .03) calc(var(--cu) * .11);background:#fff;transform:rotate(-4deg);box-shadow:0 6px 16px #0003}.mini-pol .ph{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(140deg,#f3b7c2,#a8384e)}.mini-pol span{display:block;padding:calc(var(--cu) * .03) 0 calc(var(--cu) * .035);text-align:center;font-family:var(--hand);font-size:calc(var(--cu) * .06);color:#4a3534}.days-wrap{text-align:center}.days{font-size:calc(var(--cu) * .1);font-weight:500;color:#7c1427}.counting{font-style:italic;font-size:calc(var(--cu) * .065);color:#7a5a54}.card-inside{display:flex;align-items:center;padding:calc(var(--cu) * .1) calc(var(--cu) * .09)}.card.vertical .card-inside{padding:calc(var(--cu) * .08) calc(var(--cu) * .12)}.msg{width:100%;font-size:calc(var(--cu) * .046 * var(--fit, 1));line-height:1.4;color:var(--ink)}.msg .reveal{opacity:0;will-change:transform,opacity,filter}.msg p+p{margin-top:.55em}.m-greet{font-family:var(--script);font-size:1.9em;line-height:1.1;color:#9b1b30;margin-bottom:.2em}.m-sign{margin-top:.9em;text-align:right;font-style:italic}.m-sign .sig{display:block;font-family:var(--script);font-style:normal;font-size:2.1em;line-height:1.1;color:#9b1b30}.petals{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;opacity:.3;z-index:0}.petal{position:absolute;top:-8vh;left:var(--x);width:var(--s);height:calc(var(--s) * .85);animation:fall var(--d) linear var(--delay) infinite}.petal i{display:block;width:100%;height:100%;border-radius:80% 0;background:radial-gradient(circle at 30% 30%,#f7b6c4,#c02d4a 75%);animation:sway var(--sw) ease-in-out infinite alternate}@keyframes fall{to{transform:translate3d(var(--drift),118vh,0) rotate(var(--rot))}}@keyframes sway{0%{transform:rotate(-30deg) translate(-14px) scaleX(1)}to{transform:rotate(40deg) translate(14px) scaleX(.6)}}.rail{position:fixed;right:clamp(10px,2vw,30px);top:50%;width:28px;height:44vh;transform:translateY(-50%);z-index:10;cursor:pointer;touch-action:none}.rail .track{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffe4ea29}.rail .fill{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:top;transform:scaleY(0);background:linear-gradient(var(--blush),var(--rose))}.rail .tick{position:absolute;left:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);background:#1a050c;border:1px solid rgba(255,228,234,.45);transition:background .4s,border-color .4s}.rail .tick.on{background:var(--blush);border-color:var(--blush)}.rail .tick span{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:10px;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;color:#ffe4eabf;opacity:0;transition:opacity .4s}.rail:hover .tick span,.rail.dragging .tick span{opacity:1}.rail .thumb{position:absolute;left:50%;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;will-change:transform}.rail .thumb svg{width:100%;height:100%;fill:var(--blush);filter:drop-shadow(0 0 6px rgba(244,150,175,.8))}@media(max-width:640px){.rail .tick span{display:none}.rail{height:36vh;right:0;width:18px}}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#3a0b17,#14040a 70%);transition:opacity .8s ease,visibility 0s linear .8s}.gate.gone{opacity:0;visibility:hidden;pointer-events:none}.gate-card{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(320px,84vw);text-align:center}.gate-card.shake{animation:shake .45s ease}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.gate-heart{width:34px;fill:#f4b3c2;filter:drop-shadow(0 0 14px rgba(244,179,194,.45))}.gate-title{font-family:var(--script);font-size:46px;line-height:1.1;color:#f7c9d4}.gate-input{width:100%;padding:12px 16px;border:1px solid rgba(244,179,194,.35);border-radius:999px;background:#ffffff0f;color:var(--cream);font:500 18px var(--serif);letter-spacing:.12em;text-align:center;outline:none;-webkit-user-select:text;user-select:text}.gate-input::placeholder{color:#fbf4ea73;letter-spacing:.04em}.gate-input:focus{border-color:#f4b3c2;box-shadow:0 0 0 3px #f4b3c226}.gate-btn{padding:10px 30px;border:0;border-radius:999px;background:#f4b3c2;color:#4a1020;font:600 16px var(--serif);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.gate-btn:hover{background:#f8c7d3}.gate-error{min-height:1.2em;font-style:italic;color:#f4b3c2}.vinyl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,5vh,56px);background:radial-gradient(ellipse 70% 55% at 50% 45%,rgba(120,18,40,.45),transparent 70%),radial-gradient(ellipse at 50% 50%,#2c0812,#1a050c 55%,#0c0206);transition:opacity 1.1s ease,filter 1.1s ease}.vinyl.leaving{opacity:0;filter:blur(6px);pointer-events:none}.vinyl.gone{display:none}.turntable{--tw: min(86vw, 600px, 70vh * 1.28);position:relative;width:var(--tw);height:calc(var(--tw) * .78);border-radius:calc(var(--tw) * .03);background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 40%),repeating-linear-gradient(95deg,rgba(0,0,0,.12) 0 2px,transparent 2px 7px),linear-gradient(160deg,#5a3522,#3b2014 55%,#2a160d);box-shadow:0 calc(var(--tw) * .06) calc(var(--tw) * .12) #0009,inset 0 1px #ffdcbe40,inset 0 -3px 8px #00000080;transform-origin:40% 50%;transition:transform 1.2s cubic-bezier(.6,0,.35,1)}.vinyl.leaving .turntable{transform:scale(1.7)}.platter{position:absolute;left:40%;top:50%;width:calc(var(--tw) * .78 * .88);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#3a3a3a 60%,#9a9a9a 66%,#4b4b4b,#1b1b1b 72%);box-shadow:0 6px 18px #0009}.record{position:absolute;top:3.5%;right:3.5%;bottom:3.5%;left:3.5%;border-radius:50%;background:radial-gradient(circle,transparent 33%,rgba(0,0,0,.6) 33.5%,transparent 35%),repeating-radial-gradient(circle,#121212 0,#121212 1px,#1d1d1d 1px,#1d1d1d 2.5px,#161616 2.5px,#161616 3.5px),#151515;box-shadow:inset 0 0 0 2px #0a0a0a,0 2px 6px #000000b3;will-change:transform}.label{position:absolute;top:33%;right:33%;bottom:33%;left:33%;border-radius:50%;display:grid;place-items:center;color:#5a0f1f;background:radial-gradient(circle at 40% 35%,#f8c6d1,#e58ea3 70%,#c86a82);box-shadow:inset 0 0 0 calc(var(--tw) * .004) #5a0f1f59}.l-heart{width:58%;margin-top:4%;fill:#a3142f;filter:drop-shadow(0 1px 0 rgba(255,220,228,.6)) drop-shadow(0 2px 4px rgba(90,15,31,.35))}.sheen{position:absolute;top:3.5%;right:3.5%;bottom:3.5%;left:3.5%;border-radius:50%;pointer-events:none;background:conic-gradient(from 20deg,transparent 0 8%,rgba(255,255,255,.13) 12%,transparent 17% 50%,rgba(255,255,255,.1) 62%,transparent 67% 100%);-webkit-mask:radial-gradient(circle,transparent 33%,#000 34%);mask:radial-gradient(circle,transparent 33%,#000 34%)}.spindle{position:absolute;left:50%;top:50%;width:2.2%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#9a9a9a 60%,#555)}.tonearm{position:absolute;left:84%;top:17%;width:0;height:0;transform:rotate(0);transition:transform 1.1s cubic-bezier(.45,0,.2,1);filter:drop-shadow(calc(var(--tw) * .012) calc(var(--tw) * .016) calc(var(--tw) * .01) rgba(0,0,0,.55))}.tonearm.on{transform:rotate(28deg)}.arm{position:absolute;left:calc(var(--tw) * -.007);top:0;width:calc(var(--tw) * .014);height:calc(var(--tw) * .78 * .62);border-radius:calc(var(--tw) * .01);background:linear-gradient(90deg,#7d7d7d,#f2f2f2 45%,#9c9c9c)}.head{position:absolute;left:50%;bottom:calc(var(--tw) * -.035);width:calc(var(--tw) * .045);height:calc(var(--tw) * .065);transform:translate(-50%) rotate(18deg);border-radius:calc(var(--tw) * .006);background:linear-gradient(90deg,#1d1d1d,#474747 50%,#1d1d1d);box-shadow:inset 0 0 0 1px #ffffff1f}.arm-base{position:absolute;left:calc(var(--tw) * -.055);top:calc(var(--tw) * -.055);width:calc(var(--tw) * .11);height:calc(var(--tw) * .11);border-radius:50%;background:radial-gradient(circle at 40% 35%,#f0f0f0,#8d8d8d 55%,#3d3d3d);box-shadow:0 0 0 calc(var(--tw) * .012) #1e120b,0 4px 10px #0009}.knob{position:absolute;width:calc(var(--tw) * .05);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e9e9e9,#7a7a7a 60%,#333);box-shadow:0 3px 6px #0009}.k1{left:91%;top:55%}.k2{left:91%;top:68%}.power{position:absolute;left:6%;top:88%;width:calc(var(--tw) * .014);aspect-ratio:1;border-radius:50%;background:#4a1414;transition:background .4s,box-shadow .4s}.vinyl.spinning .power{background:#ff4d6d;box-shadow:0 0 10px 2px #ff4d6dcc}.rpm{position:absolute;left:88%;top:88%;font-size:calc(var(--tw) * .022);letter-spacing:.1em;color:#ffe1c88c}.play-prompt{display:flex;align-items:center;gap:14px;padding:12px 26px 12px 14px;border:1px solid rgba(255,228,234,.35);border-radius:999px;background:#ffe4ea0f;color:#ffe4ead9;font:inherit;font-size:13px;letter-spacing:.4em;text-transform:uppercase;cursor:pointer;transition:opacity .6s,transform .6s,background .3s;animation:breathe 2.4s ease-in-out infinite}.play-prompt:hover{background:#ffe4ea1f}.pp-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blush)}.pp-icon svg{width:16px;fill:#5a0f1f;margin-left:2px}.vinyl.spinning .play-prompt{opacity:0;transform:translateY(10px);pointer-events:none;animation:none}@keyframes breathe{50%{box-shadow:0 0 24px #f4b3c259}}body:not(.ready) .rail,body:not(.ready) .petals{opacity:0!important}.rail{transition:opacity 1.2s}.stage{transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}body:not(.ready) .stage{transform:scale(.9)}.music-toggle{position:fixed;left:clamp(14px,2vw,28px);bottom:clamp(14px,2.5vh,28px);z-index:10;width:38px;height:38px;border:1px solid rgba(255,228,234,.3);border-radius:50%;background:#14040a80;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 1s}body.ready .music-toggle.available{opacity:1;pointer-events:auto}.music-toggle span{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:radial-gradient(circle,var(--blush) 0 22%,#111 23% 30%,transparent 31%),repeating-radial-gradient(circle,#151515 0,#151515 1px,#262626 1px,#262626 2px)}.music-toggle span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(transparent 0 10%,rgba(255,255,255,.25) 14%,transparent 20% 60%,rgba(255,255,255,.18) 64%,transparent 70%)}.music-toggle.on span{animation:spin 1.8s linear infinite}.music-toggle:not(.on):after{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:1.5px;background:var(--blush);transform:rotate(45deg)}@keyframes spin{to{transform:rotate(360deg)}}