:root{--bg:#140c1a;--wine:#2b1233;--rose:#f2a0b8;--lilac:#b8a2e8;--gold:#f3d9a4;--ink:#f6e9ee;--mute:#bba7c4;--serif:"Fraunces",Georgia,serif;--sans:"Nunito Sans",system-ui,sans-serif;--hand:"Caveat","Segoe Script",cursive}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{min-height:100svh;color:var(--ink);font:400 1rem/1.75 var(--sans);background:radial-gradient(120% 70% at 50% 0%,var(--wine),var(--bg) 62%) fixed,var(--bg);margin:0;overflow-x:hidden}#root{min-height:100svh}h1,h2,h3,p{margin:0}h2{font:italic 600 1.9rem/1.2 var(--serif);margin-bottom:22px}h3{font:500 1.15rem/1.3 var(--serif)}.mute{color:var(--mute);font-size:.92rem}.hand{font-family:var(--hand);color:var(--rose);font-size:1.35rem}.hand.big{font-size:1.7rem}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.parts{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.p{opacity:0;background:var(--rose);border-radius:50% 0 50% 50%;animation:linear infinite rise;position:absolute;bottom:-14px}.p1{background:var(--lilac);border-radius:50%}.p2{background:var(--gold);box-shadow:0 0 8px var(--gold);border-radius:50%}@keyframes rise{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:.7}88%{opacity:.45}to{opacity:0;transform:translate(46px,-106vh)rotate(360deg)}}.stage{z-index:5;text-align:center;place-items:center;padding:24px;animation:.8s both sin;display:grid;position:fixed;inset:0}.stage.out{animation:.6s both sout}@keyframes sin{0%{opacity:0;filter:blur(6px);transform:scale(.97)}}@keyframes sout{to{opacity:0;filter:blur(8px);transform:scale(1.05)}}.center{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:360px;display:flex}.bloom{animation:1.6s cubic-bezier(.2,1.3,.4,1) both grow,24s linear 1.6s infinite spin}@keyframes grow{0%{opacity:0;transform:scale(0)rotate(-90deg)}}@keyframes spin{to{transform:rotate(360deg)}}input{text-align:center;width:100%;font:600 1.15rem var(--sans);letter-spacing:.12em;color:var(--ink);background:#ffffff0f;border:1px solid #f2a0b873;border-radius:14px;padding:14px 16px}input:focus{outline:2px solid var(--gold);border-color:#0000}.shake{animation:.45s shake}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.err{color:#ff9db5;min-height:1.5em;font-size:.9rem}.btn{color:#2b1233;background:linear-gradient(135deg,var(--rose),var(--gold));border-radius:999px;padding:12px 28px;font-weight:600;transition:transform .2s;box-shadow:0 8px 28px #f2a0b847}.btn:active{transform:scale(.95)}.gift{width:180px;height:190px;margin-top:10px;animation:3s ease-in-out infinite bob;position:relative}.gift.open{animation:none}@keyframes bob{50%{transform:translateY(-8px)}}.box,.lid{background:linear-gradient(#7d3366,#43173a);position:absolute;left:10px;right:10px;overflow:hidden}.box{border-radius:6px 6px 10px 10px;height:116px;transition:box-shadow .8s;bottom:0}.lid{border-radius:8px;height:38px;transition:transform .8s cubic-bezier(.3,1.7,.5,1);bottom:112px;left:0;right:0}.box:before,.lid:before{content:"";background:var(--gold);width:24px;margin-left:-12px;position:absolute;top:0;bottom:0;left:50%}.open .lid{transform:translateY(-84px)rotate(-16deg)}.open .box{box-shadow:0 -24px 70px 24px #f2a0b899}.burst{pointer-events:none;animation:.8s 2.7s both fadeout;position:fixed;inset:0;overflow:hidden}@keyframes fadeout{to{opacity:0}}.bf{animation:burst 1.1s cubic-bezier(.2,1.25,.4,1) var(--d) both;line-height:0;position:absolute;top:50%;left:50%}.bf svg{animation:2.6s ease-in-out infinite alternate sway}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}to{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) rotate(var(--r))}}@keyframes sway{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}main{z-index:2;animation:1s both sin;position:relative}main.out{animation:.6s both sout}.sec{max-width:620px;margin:0 auto;padding:72px 22px}.ctr{text-align:center}.rv{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.rv.in{opacity:1;transform:none}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100svh;padding:24px;display:flex;position:relative;overflow:hidden}.ghost{z-index:-1;font:800 min(70vw,380px)/1 var(--serif);color:#0000;-webkit-text-stroke:1px #f2a0b838;animation:6s ease-in-out infinite breathe;position:absolute}@keyframes breathe{50%{opacity:.7;transform:scale(1.05)}}h1{font-family:var(--serif);flex-direction:column;align-items:center;display:flex}.l1{font:italic 400 clamp(1.7rem,8vw,2.8rem)/1.2 var(--serif);color:var(--gold)}.l2{font:800 clamp(4rem,23vw,9rem)/1 var(--serif);color:var(--rose);text-shadow:0 0 40px #f2a0b859}.ch{opacity:0;animation:ch .9s cubic-bezier(.2,1.2,.4,1) calc(var(--i)*70ms + .3s) both;display:inline-block}@keyframes ch{0%{opacity:0;filter:blur(6px);transform:translateY(30px)scale(.8)}to{opacity:1}}.cue{background:linear-gradient(var(--rose),transparent);width:2px;height:48px;margin-top:20px;animation:2s ease-in-out infinite cue}@keyframes cue{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.greet{font:italic 400 1.3rem/1.8 var(--serif);margin-bottom:28px}.song{gap:14px;margin-bottom:34px;display:grid}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--wine),#4a2152);border:1px solid #f2a0b840;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 14px 40px #00000073}.thumb button,.thumb img,.thumb iframe{object-fit:cover;border:0;width:100%;height:100%}.thumb img{opacity:.8;position:absolute;inset:0}.play{border:1px solid var(--rose);background:#140c1aa6;border-radius:50%;width:62px;height:62px;margin:-31px;animation:2.4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%}.play:after{content:"";border:11px solid #0000;border-left:18px solid var(--rose);position:absolute;top:20px;left:25px}@keyframes pulse{50%{box-shadow:0 0 0 14px #f2a0b81f}}.tl{border-left:1px solid #f2a0b866;margin:0 0 0 8px;padding:0 0 0 26px;list-style:none}.tl li{padding-bottom:34px;position:relative}.tl li:before{content:"";background:var(--rose);width:13px;height:13px;box-shadow:0 0 14px var(--rose);border-radius:50%;position:absolute;top:8px;left:-33px}.letter{background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid #f3d9a44d;border-radius:22px;padding:30px 24px}.letter p{font:italic 400 1.1rem/1.8 var(--serif);opacity:0;margin-bottom:14px;transform:translateY(8px)}.letter.in p{animation:line .9s calc(var(--i)*.55s + .4s) both}@keyframes line{to{opacity:1;transform:none}}.reason{width:100%;min-height:190px;font:italic 500 1.35rem/1.5 var(--serif);background:radial-gradient(circle at 50% 0,#f2a0b82e,#ffffff08);border:1px solid #f2a0b859;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin-bottom:16px;padding:28px 24px;animation:.55s cubic-bezier(.2,1.2,.4,1) card;display:flex}@keyframes card{0%{opacity:0;transform:rotate(-3deg)scale(.92)}}.garden{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 18px;display:grid}.plot{aspect-ratio:1;background:radial-gradient(circle at 50% 100%,#4a2a3d,#2a1630);border:1px solid #f3d9a433;border-radius:18px;place-items:center;display:grid;position:relative}.seed{background:var(--gold);border-radius:50%;width:14px;height:14px;animation:.5s cubic-bezier(.3,1.5,.5,1) drop}.stem{transform-origin:bottom;background:#7fc79a;border-radius:4px;width:4px;height:34px;animation:.5s ease-out up;box-shadow:12px 6px 0 -1px #7fc79a}.fl{line-height:0;animation:.8s cubic-bezier(.2,1.5,.4,1) both pop,3s ease-in-out .8s infinite alternate sway}@keyframes drop{0%{opacity:0;transform:translateY(-30px)}}@keyframes up{0%{transform:scaleY(0)}}@keyframes pop{0%{transform:scale(0)rotate(-120deg)}}.polgrid{grid-template-columns:1fr 1fr;gap:18px 14px;display:grid}.polbtn{width:100%;transform:rotate(var(--t));transition:transform .3s;display:block}.polbtn:hover,.polbtn:active{transform:rotate(0)scale(1.04)}.pol{text-align:center;background:#f7efe6;border-radius:4px;padding:8px 8px 6px;box-shadow:0 12px 30px #00000080}.pol .hand{color:#5a3a4a;font-size:1.15rem;line-height:1.7;display:block}.ph{aspect-ratio:1;background:linear-gradient(135deg,#3a1d44,#7d3366);place-items:center;display:grid;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%}.modal{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a050edb;place-items:center;padding:20px;animation:.3s both fadein;display:grid;position:fixed;inset:0}.modal.off{animation:.25s both fadeout}.modal.off .mbox{transform:scale(.92)}@keyframes fadein{0%{opacity:0}}.mbox{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(100%,380px);transition:transform .25s;animation:.45s cubic-bezier(.2,1.2,.4,1) card;display:flex}.bigpol{width:100%;padding:12px 12px 8px}.bigpol .hand{font-size:1.5rem}.end{padding-bottom:110px}.candle{width:30px;height:120px;margin:0 auto 24px;display:block;position:relative}.wax{background:linear-gradient(90deg,#f3d9a4,#fff3dc,#f3d9a4);border-radius:6px;height:78px;position:absolute;bottom:0;left:5px;right:5px}.flame{background:radial-gradient(circle at 50% 70%,#fff,#ffd27a 55%,#f08a4b);border-radius:50%/65% 65% 35% 35%;width:16px;height:34px;transition:opacity .5s,transform .5s;animation:1.3s ease-in-out infinite alternate flick;position:absolute;top:6px;left:7px;box-shadow:0 0 36px 14px #ffbe6e73}@keyframes flick{0%{transform:scale(1)rotate(-3deg)}to{transform:scale(.92,1.1)rotate(3deg)}}.out .flame{opacity:0;animation:none;transform:translateY(8px)scale(.3)}.end p{margin-bottom:16px}.dots{justify-content:center;gap:12px;display:flex}.dots i{border:1px solid #f2a0b88c;border-radius:50%;width:13px;height:13px;transition:background .2s,box-shadow .2s}.dots i.on{background:var(--rose);box-shadow:0 0 10px #f2a0b8b3}.pad{grid-template-columns:repeat(3,62px);justify-content:center;gap:10px;display:grid}.pad button{width:62px;height:62px;font:600 1.2rem var(--sans);background:#ffffff0f;border:1px solid #f2a0b84d;border-radius:50%;transition:transform .15s,background .2s}.pad button:active{background:#f2a0b847;transform:scale(.92)}.vcard{background:radial-gradient(circle at 50% 0,#b8a2e829,#ffffff08);border:1px solid #f2a0b84d;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:28px 22px;display:flex}.vwrap{aspect-ratio:1;width:min(70vw,270px);margin-bottom:16px;position:relative}.vinyl{background:repeating-radial-gradient(circle,#1a1024 0 4px,#221531 4px 8px);border:1px solid #f2a0b840;border-radius:50%;position:absolute;inset:0;box-shadow:0 18px 44px #0000008c}.vinyl.spin{animation:3.4s linear infinite spin}.vinyl:after{content:"";background:var(--bg);z-index:2;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.label{background:var(--wine);border:2px solid #f3d9a48c;border-radius:50%;width:42%;height:42%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.label img{object-fit:cover;width:100%;height:100%}.arm{transform-origin:top;z-index:3;background:linear-gradient(90deg,#efe2d2,#a4917f);border-radius:6px;width:9px;height:66%;transition:transform .6s cubic-bezier(.3,1.5,.5,1);position:absolute;top:-6%;right:2%;transform:rotate(-26deg)}.arm:after{content:"";background:#d9c9b6;border-radius:4px;width:22px;height:16px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.arm.on{transform:rotate(4deg)}.vnote{font:italic 400 1rem/1.7 var(--serif);color:var(--mute);text-align:center;margin:2px 0 14px}.yt{aspect-ratio:16/9;border:1px solid #f2a0b840;border-radius:18px;width:100%;margin-top:16px;overflow:hidden;box-shadow:0 14px 40px #00000073}.yt iframe{border:0;width:100%;height:100%}.hud{font:600 .95rem var(--sans);color:var(--mute);justify-content:space-between;margin-top:20px;display:flex}.bar{background:#ffffff14;border-radius:999px;height:8px;margin:8px 0 14px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--rose),var(--gold));border-radius:999px;height:100%;transition:width .35s;display:block}.arena{--h:min(56vh,420px);height:var(--h);background:radial-gradient(circle at 50% 120%,#4a2a3d,#2a1630 72%);border:1px solid #f3d9a440;border-radius:24px;position:relative;overflow:hidden}.gover{z-index:3;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#140c1a99;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:22px;animation:.3s both fadein;display:flex;position:absolute;inset:0}.it{z-index:2;animation-name:fall;animation-timing-function:linear;animation-fill-mode:both;position:absolute;top:-48px}.it button{background:#ffffff12;border:1px solid #f2a0b859;border-radius:50%;place-items:center;width:46px;height:46px;font-size:1.45rem;display:grid}.it.f{color:var(--rose)}.it.h{color:#ff9db5}.it.g{color:var(--gold)}.it.g button{border-color:#f3d9a499;box-shadow:0 0 16px #f3d9a473}.it.x{color:#7fc79a}.it.x button{border-color:#7fc79aa6}.it.pop button{animation:.3s ease-out both burstpop}@keyframes fall{0%{top:-48px}to{top:calc(var(--h) + 56px)}}@keyframes burstpop{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@media (width>=760px){.sec{padding:96px 22px}.polgrid{grid-template-columns:repeat(3,1fr)}.song{grid-template-columns:1.1fr 1fr;align-items:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.p{display:none}.it{animation-duration:3s!important}}