html,body,#root{margin:0;min-height:100%}body{background:#f6efe6}.bd{position:relative;min-height:100vh;overflow-x:hidden;color:#4a2030;font-family:Cormorant Garamond,Cormorant,Georgia,Times New Roman,serif;background:radial-gradient(90% 60% at 50% 0%,#fff8ee,#f7ece0 55%,#f0e0d6);transition:background 1s}.bd.dark{background:radial-gradient(100% 70% at 50% 40%,#5a1428,#2a0912 70%,#1a050b);color:#fff1ec}.fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:8}.parts{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.parts span{position:absolute;color:#b8506e;opacity:0;animation:tw ease-in-out infinite}.dark .parts span{color:#ffb3c4}@keyframes tw{0%,to{opacity:0;transform:translateY(0) scale(.8)}50%{opacity:.4;transform:translateY(-22px) scale(1.1)}}.mbtn{position:fixed;top:12px;right:12px;z-index:10;background:#fffaf2cc;color:#7a2540;border:1px solid #7a254033;border-radius:20px;padding:9px 15px;font:600 14px Georgia,serif;min-height:44px}.ch{position:relative;z-index:2;max-width:430px;margin:0 auto;padding:64px 24px 48px;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;animation:fadeup .9s}.ch.wide{max-width:470px;padding-top:56px;justify-content:flex-start}.lab{font:600 11px Georgia,serif;letter-spacing:.28em;text-transform:uppercase;color:#a0405c;margin:0}.ttl{font-weight:600;font-size:30px;line-height:1.15;margin:0;color:#3c1424}.ttl2{font-weight:600;font-size:34px;margin:0;color:#7a1f3d}.scr{font-family:Snell Roundhand,Apple Chancery,Brush Script MT,Segoe Script,cursive;font-size:26px;color:#b0405f;margin:0;line-height:1.25}.scr.big{font-size:27px}.txt{font-size:18px;line-height:1.5;margin:0;color:#5a2a3c}.note{font-family:Bradley Hand,Segoe Print,Noteworthy,Segoe Script,cursive;font-size:15px;color:#8a3c55;margin:0;min-height:20px}.tap{font:600 11px Georgia,serif;letter-spacing:.2em;text-transform:uppercase;color:#a0405c;margin:0}.cdl{font:13px Georgia,serif;color:#8a3c55;margin:0}.nx{margin-top:10px;background:linear-gradient(135deg,#a02448,#7a1432);color:#fff;border:0;border-radius:26px;padding:14px 28px;font:600 16px Georgia,serif;min-height:48px;box-shadow:0 8px 22px #7a143244;transition:opacity .3s}.nx:disabled{opacity:.35}.nx.late{opacity:0;animation:fadeup .9s forwards}.alt{background:#7a1432;color:#fff;border:0;border-radius:10px;padding:13px 24px;font:600 16px Georgia,serif;min-height:48px}.load{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.orb{width:84px;height:84px;border-radius:50%;background:#fff6ee;display:flex;align-items:center;justify-content:center;color:#d0305a;font-size:34px;box-shadow:0 0 40px #ff7aa655;animation:pulse 2s infinite}.lt{font-weight:600;font-size:28px;margin:10px 0 0;color:#ffeadf}.ls{margin:0;font-size:16px;color:#e8b4c0;font-style:italic}.bar{width:220px;height:3px;background:#fff2;border-radius:2px;margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#ffb3c4,#fff);transition:width .1s}.env{position:relative;width:270px;height:182px;background:none;border:0;padding:0;margin-top:34px;animation:bob 3.2s ease-in-out infinite;-webkit-tap-highlight-color:transparent}.env>span{position:absolute;display:block}.eback{top:0;right:0;bottom:0;left:0;background:#e6c8a4;border-radius:8px}.efront{top:0;right:0;bottom:0;left:0;border-radius:8px;z-index:3;background:linear-gradient(160deg,#fbe9cf,#ecc99b);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 10px 18px #7a4a2a44)}.flap{left:0;right:0;top:0;height:106px;z-index:4;background:linear-gradient(#f6dcb4,#e6bd8a);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .8s cubic-bezier(.3,.7,.2,1)}.paper{left:16px;right:16px;top:14px;height:146px;z-index:2;background:#fffdf8;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#b0405f;font:italic 26px Snell Roundhand,Brush Script MT,cursive;transition:transform 1s cubic-bezier(.3,.7,.2,1) .2s,opacity 1s}.seal{left:50%;top:88px;width:48px;height:48px;margin-left:-24px;z-index:5;border-radius:50%}.seal b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffd9d9;font-size:20px;z-index:2;transition:opacity .3s}.seal .sl,.seal .sr{position:absolute;top:0;width:50%;height:100%;background:radial-gradient(circle at 30% 30%,#d13a52,#7d1226);transition:transform .6s,opacity .6s;box-shadow:0 3px 8px #0004}.seal .sl{left:0;border-radius:24px 0 0 24px}.seal .sr{right:0;border-radius:0 24px 24px 0}.env.e1 .sl{transform:translate(-14px,12px) rotate(-30deg);opacity:0}.env.e1 .sr{transform:translate(14px,16px) rotate(30deg);opacity:0}.env.e1 .seal b{opacity:0}.env.e2 .seal,.env.e3 .seal{display:none}.env.e2 .flap,.env.e3 .flap{transform:rotateX(180deg);z-index:1}.env.e2 .paper,.env.e3 .paper{transform:translateY(-120px)}.env.e3 .paper{transform:translateY(-120px) scale(1.4);opacity:0}.letter{width:100%;box-sizing:border-box;text-align:left;background:linear-gradient(#fffdf8,#f9efe2);border-radius:6px;padding:28px 24px;box-shadow:0 18px 44px #7a4a2a33,0 0 0 1px #e8d4bd;animation:unfold 1.1s cubic-bezier(.3,.7,.2,1);transform-origin:top;position:relative}.letter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:repeating-linear-gradient(transparent 0 31px,#d9b9a833 31px,#d9b9a833 32px);pointer-events:none}.ln{font-family:Bradley Hand,Segoe Print,Noteworthy,Segoe Script,cursive;opacity:0;animation:inkin 1.1s forwards;font-size:17px;line-height:32px;margin:0 0 14px;position:relative;color:#4a2434}.ln.h{font-size:24px;color:#7a1432}.ln.sg{text-align:right;font-size:21px;margin:0;color:#7a1432}.player{display:flex;gap:14px;align-items:center;background:#fffdf8;border-radius:14px;padding:14px 16px;box-shadow:0 8px 22px #7a4a2a22,0 0 0 1px #eadbc8;text-align:left;width:100%;box-sizing:border-box}.player>div{flex:1}.player b{display:block;font-size:17px}.player small{font:10px Georgia,serif;letter-spacing:.15em;color:#a0405c}.play{width:46px;height:46px;border-radius:50%;border:0;background:#c9304f;color:#fff;font-size:15px;flex:none}.pbar{height:3px;background:#eadbc8;border-radius:2px;margin:8px 0 4px}.pbar i{display:block;height:100%;background:#c9304f;border-radius:2px;transition:width 1s linear}.gauge{position:relative;width:96px;height:150px;border-radius:48px 48px 12px 12px;background:#f2dfd6;overflow:hidden;box-shadow:inset 0 0 0 2px #c9304f33;margin-top:6px}.fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#b8223f,#7a1432);transition:height .1s}.gh{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:34px}.pct{font-size:44px;font-weight:600;margin:0;color:#7a1432}.flowers{display:flex;gap:10px;width:100%;margin-top:6px}.fl{flex:1;min-height:210px;background:#fffdf8;border:0;border-radius:16px;box-shadow:0 8px 20px #7a4a2a22,0 0 0 1px #eadbc8;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:inherit;color:#4a2030;transition:transform .4s,background .4s}.fl small{font:600 9px Georgia,serif;letter-spacing:.18em;text-transform:uppercase;color:#a0405c}.fl span{font-family:Bradley Hand,Segoe Print,Noteworthy,Segoe Script,cursive;font-size:13px;line-height:1.45;animation:inkin .9s}.fl.open{background:#fbe6e8;transform:rotate(-1deg)}.fl:nth-child(2).open{transform:rotate(1deg)}.fl:not(.open) svg{animation:bob 2.6s ease-in-out infinite}.car{display:flex;align-items:center;gap:4px;width:100%;margin-top:4px}.ar{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid #7a143255;background:#fffaf2;color:#7a1432;font-size:16px}.strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 6px 18px;flex:1;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.pol{margin:0;flex:none;width:200px;scroll-snap-align:center;background:#fffdf8;padding:9px 9px 12px;border-radius:3px;box-shadow:0 12px 26px #7a4a2a44;transform:rotate(var(--r));font-family:Bradley Hand,Segoe Print,Noteworthy,Segoe Script,cursive;font-size:16px;color:#5a2a3c}.ph{aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:linear-gradient(145deg,#ffe1e6,#f4b0c2 60%,#e08aa6)}.ph img{width:100%;height:100%;object-fit:cover;display:block}.ghost{height:100%;display:flex;align-items:center;justify-content:center;color:#ffffffd0;font-size:44px;animation:pulse 2.4s ease-in-out infinite}.pol figcaption{margin-top:8px}.cutcake{background:none;border:0;padding:0;margin:8px 0;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 14px 18px #7a143244)}.half{transition:transform .9s cubic-bezier(.3,1.2,.4,1)}.half.l.apart{transform:translate(-14px) rotate(-3deg)}.half.r.apart{transform:translate(14px) rotate(3deg)}.flame{transform-origin:center bottom;animation:flick .35s ease-in-out infinite alternate}.smoke{animation:smoke 1.6s ease-out forwards}.knife{animation:knife 1s ease-in forwards}@keyframes knife{0%{transform:translateY(-80px)}to{transform:translateY(120px)}}.gift{position:relative;width:150px;height:140px;background:none;border:0;padding:0;margin-top:26px;animation:wob 2.4s ease-in-out infinite}.gift.open{animation:none}.gbody{position:absolute;left:10px;right:10px;bottom:0;height:88px;background:linear-gradient(90deg,#8f1d3c,#c9304f,#8a1a37);border-radius:4px 4px 8px 8px}.glid{position:absolute;left:0;right:0;top:14px;height:42px;background:linear-gradient(90deg,#a02448,#d94466,#9a2142);border-radius:6px;transition:transform .9s cubic-bezier(.2,1.3,.4,1),opacity .9s;box-shadow:0 6px 14px #0004}.rib{position:absolute;left:50%;margin-left:-9px;width:18px;top:0;bottom:0;background:linear-gradient(#f6dca0,#d9ae5e)}.bow{position:absolute;left:50%;top:-24px;margin-left:-16px;font-size:34px;color:#d9ae5e;font-style:normal}.gift.open .glid{transform:translateY(-120px) rotate(-18deg);opacity:0}.rays{position:absolute;left:50%;top:40px;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:repeating-conic-gradient(#f3c97a66 0,#f3c97a66 8deg,#0000 8deg,#0000 22deg);-webkit-mask:radial-gradient(circle,#000 5%,#0000 68%);mask:radial-gradient(circle,#000 5%,#0000 68%);opacity:0;pointer-events:none}.gift.open .rays{opacity:1;animation:spin 14s linear infinite}.final{animation:fadeup 1.2s .5s both;display:flex;flex-direction:column;gap:12px;margin-top:12px}@keyframes fadeup{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes inkin{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}@keyframes unfold{0%{transform:scaleY(.05);opacity:0}to{transform:none;opacity:1}}@keyframes flick{0%{transform:scale(1) rotate(-2deg)}50%{transform:scale(.94,1.08) rotate(1.5deg)}to{transform:scale(1.04,.95) rotate(-1deg)}}@keyframes smoke{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes wob{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-4px)}}@keyframes pulse{50%{transform:scale(1.1);opacity:.85}}@keyframes spin{to{transform:rotate(360deg)}}.petals{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.petals i{position:absolute;top:-30px;background:linear-gradient(135deg,#f3b6c6,#d9708f);border-radius:80% 0;opacity:.55;animation:fall linear infinite}.dark .petals i{opacity:.35}@keyframes fall{0%{transform:translateY(-30px) rotate(0)}25%{transform:translate(var(--sw),25vh) rotate(90deg)}50%{transform:translate(calc(var(--sw)*-1),55vh) rotate(200deg)}to{transform:translate(var(--sw),115vh) rotate(380deg)}}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:0;transition:opacity .45s ease;background:radial-gradient(80% 60% at 50% 45%,#fff6ea,#f1dfd2)}.veil.on{opacity:1}.spk{position:fixed;z-index:70;pointer-events:none;color:#c0405f;font-size:16px;transform:translate(-50%,-50%);animation:spk 1s ease-out forwards}@keyframes spk{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-150%) scale(1.5) rotate(40deg)}}.cakefin{font-family:Pinyon Script,Great Vibes,Snell Roundhand,Segoe Script,cursive;font-size:36px;color:#8f1d3f;margin:4px 0 0;text-shadow:0 0 22px #f4b3c488;animation:glowin 1.6s both}@keyframes glowin{0%{opacity:0;filter:blur(6px);transform:scale(.9)}to{opacity:1;filter:none;transform:none}}.final{position:relative}.final:before{content:"";position:absolute;top:-60px;right:-40px;bottom:-60px;left:-40px;background:radial-gradient(closest-side,#ffd9a655,transparent);z-index:-1;animation:pulse 4s ease-in-out infinite}.final .big{animation:glowin 1.6s .4s both;text-shadow:0 0 24px #f4b3c488}.final .sm2{font-size:20px;animation:glowin 1.6s 2.2s both}.final .ttl2{animation:glowin 1.6s 3.8s both}.final>.scr:last-child{animation:glowin 1.6s 5.2s both}.ch .lab,.ch .ttl{animation:glowin 1.2s both}