:root{--ink:#29231e;--gold:#c99d54;--cream:#fffaf0;--pink:#e9a79c;--ease:cubic-bezier(.22,.8,.25,1)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:var(--cream);overflow:hidden}.grain{position:fixed;inset:0;opacity:.08;z-index:9;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.particles{position:fixed;inset:0;pointer-events:none;z-index:2}.particle{position:absolute;color:#d8af68;animation:float 7s ease-in-out infinite}.sound{position:fixed;z-index:20;right:24px;top:20px;border:1px solid #e7d8bd;background:#fffcf5cc;backdrop-filter:blur(8px);border-radius:20px;padding:8px 12px;display:flex;gap:5px;align-items:center;color:#927442;cursor:pointer;transition:.25s}.sound:hover{transform:translateY(-2px);box-shadow:0 8px 20px #92744222}.sound small{font-size:10px}.screen{position:absolute;inset:0;min-height:100svh;overflow:auto;padding:clamp(28px,5vw,70px);opacity:0;pointer-events:none;transform:scale(1.03);transition:opacity .65s var(--ease),transform .7s var(--ease)}.screen.active{opacity:1;pointer-events:auto;transform:none;z-index:3}.screen h1,.screen h2{font-family:"Playfair Display",serif;letter-spacing:-.055em;font-weight:500;margin:.2em 0}.screen h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:.96}.screen h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.03}.screen i{color:#bc8257;font-weight:500}.eyebrow,.step{font-size:10px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:#ad8b55;margin:0}.screen-copy{position:absolute;top:50%;left:clamp(28px,10vw,13%);transform:translateY(-50%);max-width:370px}.screen-copy>p:last-child{line-height:1.65;color:#756b5e}.scratch-screen{display:flex;align-items:center;justify-content:flex-end;background:radial-gradient(circle at 7% 20%,#fff 0,transparent 27%),radial-gradient(circle at 85% 86%,#f5e5c7 0,transparent 32%),var(--cream)}.scratch-card{width:min(500px,78vw);aspect-ratio:1.16;position:relative;border-radius:28px;overflow:hidden;background:#fffdf8;box-shadow:0 30px 60px #82664320}.scratch-reveal{height:100%;display:grid;place-items:center;text-align:center;padding:35px;background:radial-gradient(circle at center,#fffdfa,#f8e9cf)}.scratch-reveal .sparkle{color:var(--gold);font-size:2rem}.scratch-reveal h2{font-size:clamp(1.65rem,3.6vw,3rem)}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.scratch-hint{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#8b744a;font-size:11px;letter-spacing:.08em;pointer-events:none}.cta{border:0;background:#2e2924;color:#fffdf7;padding:15px 21px;border-radius:14px;font:600 14px "DM Sans";cursor:pointer;box-shadow:0 11px 22px #2e292433;transition:.3s var(--ease);margin-top:14px}.cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 28px #2e292444}.cta b{font-size:18px;margin-left:7px}.hidden{display:none!important}.quest-screen{background:#fffaf0}.quest-head{display:flex;justify-content:space-between;gap:30px;align-items:start}.quest-head h2{font-size:2rem}.quest-head ol{list-style:none;padding:10px 16px;margin:0;background:#fff;box-shadow:0 8px 30px #3f30200d;border-radius:16px;font-size:12px;line-height:2;color:#9d9489}.quest-head li:before{content:"□";margin-right:8px}.quest-head li.done:before{content:"✓";color:#70a372}.quest-stage{position:absolute;inset:25% 0 0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}.quest-stage h1{font-size:clamp(2.3rem,5vw,4rem)}.gift{margin:28px 0 10px;border:0;background:none;width:220px;height:180px;position:relative;cursor:pointer;filter:drop-shadow(0 20px 12px #59433433);transition:.4s var(--ease)}.gift:hover{transform:scale(1.05) rotate(-1deg)}.gift-box,.gift-lid{position:absolute;left:15px;right:15px;background:#d8988c;border-radius:7px}.gift-box{bottom:0;height:125px;background:linear-gradient(135deg,#dfa397,#c67e75)}.gift-lid{height:38px;top:17px;z-index:2;background:#efbbb0;transform-origin:left bottom;transition:.8s var(--ease)}.gift-ribbon{position:absolute;z-index:3;left:calc(50% - 11px);top:17px;height:163px;width:22px;background:#f5dfaa}.gift-bow{position:absolute;z-index:4;top:-14px;left:calc(50% - 27px);color:#f5dfaa;font-size:55px;line-height:1;transition:.6s}.gift.open .gift-lid{transform:rotate(-21deg) translate(-14px,-55px)}.gift.open .gift-bow{transform:translateY(-55px) rotate(-25deg);opacity:0}.gift-photo{opacity:0;position:absolute;top:100px;left:calc(50% - 105px);transform:translateY(90px) rotate(-7deg);transition:1s var(--ease)}.gift.open~.gift-photo{opacity:1;transform:translateY(0) rotate(-4deg)}.polaroid{background:#fff;padding:10px 10px 17px;width:210px;box-shadow:0 15px 28px #5a44322e;text-align:center;font:500 20px Caveat}.photo-art{height:135px;display:grid;place-items:center;font-size:64px;background:linear-gradient(145deg,#f6cd8b,#d99c7f)}.tap{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#a5947c}.cake{width:265px;height:210px;position:relative;margin:18px auto 7px;filter:drop-shadow(0 18px 10px #5c3d2922)}.cake>*[class^=cake-]{position:absolute;left:17px;right:17px;border-radius:50% 50% 10px 10px}.cake-bottom{height:68px;bottom:0;background:linear-gradient(90deg,#e8a89d,#f4c4b9,#d88d85)}.cake-mid{height:57px;bottom:53px;background:#f6e5cf;border-bottom:8px solid #e3a09a}.cake-top{height:57px;bottom:103px;background:#f5c4bf;border-bottom:8px solid #fff3df}.cream{position:absolute;top:-11px;left:39px;color:#fff6e5;font-size:25px}.berry{position:absolute;top:-23px;left:105px;color:#d85558;font-size:28px}.candles{position:absolute;z-index:2;top:20px;left:35px;right:35px;display:flex;justify-content:space-between}.candle{width:9px;height:49px;border:0;padding:0;background:repeating-linear-gradient(45deg,#e9ac7c 0 3px,#fff0c9 3px 6px);position:relative;cursor:crosshair}.candle i{position:absolute;width:14px;height:19px;left:-3px;top:-18px;background:#ffcf5d;border-radius:65% 35% 60% 40%;transform:rotate(45deg);box-shadow:0 0 15px #ffbb3e;animation:flicker .6s infinite alternate}.candle.out i{opacity:0;transform:scale(.2)}.candle.out:after{content:"";position:absolute;left:-4px;top:-21px;width:18px;height:18px;background:#aaa8a090;border-radius:50%;filter:blur(4px);animation:smoke 1.4s forwards}.mini{transform:scale(.85);margin-top:0}.extinguisher{font-size:35px;position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s}.blowing .extinguisher{opacity:1}.wish-complete{position:absolute;inset:0;display:grid;place-items:center;align-content:center;background:#fffaf0ee}.jar-screen{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at center,#fff,#fff3e2 90%)}.section-title{text-align:center;position:relative;z-index:2}.section-title p:last-child{color:#756b5e}.jar{border:0;background:none;padding:0;margin:30px 0 0;width:245px;height:285px;position:relative;cursor:pointer;transition:.3s var(--ease)}.jar:hover{transform:rotate(-2deg) scale(1.035)}.jar-lid{position:absolute;z-index:3;left:19px;right:19px;top:0;height:36px;border-radius:10px;background:repeating-linear-gradient(0deg,#d7a660,#d7a660 4px,#f4d090 4px,#f4d090 7px);box-shadow:inset 0 2px #fff4d3}.jar-glass{position:absolute;inset:25px 0 0;border:3px solid #dce0dcaa;border-top:0;border-radius:18px 18px 55px 55px;background:linear-gradient(100deg,#fff8,#ffffff1a 35%,#fff9 48%,#fff1 50%,#ffffff22 70%);overflow:hidden;box-shadow:inset 0 0 20px #fff,0 15px 25px #8f725526}.jar-glass i{position:absolute;width:49px;height:35px;background:#f4d998;box-shadow:0 2px 5px #8b6a4b55;transform:rotate(var(--r));left:var(--x);top:var(--y);border-radius:2px}.jar-glass i:nth-child(1){--r:-17deg;--x:15px;--y:75px}.jar-glass i:nth-child(2){--r:12deg;--x:80px;--y:125px}.jar-glass i:nth-child(3){--r:24deg;--x:145px;--y:68px}.jar-glass i:nth-child(4){--r:-5deg;--x:51px;--y:185px}.jar-glass i:nth-child(5){--r:17deg;--x:130px;--y:175px}.jar-glass i:nth-child(6){--r:-25deg;--x:90px;--y:45px}.jar-glass i:nth-child(7){--r:19deg;--x:14px;--y:145px}.jar-glass i:nth-child(8){--r:-13deg;--x:164px;--y:135px}.note{position:absolute;z-index:5;width:min(350px,82vw);padding:36px 30px;background:#fff5d3;box-shadow:0 22px 50px #704f262b;transform:rotate(-3deg);animation:unfold .7s var(--ease);font:600 clamp(1.55rem,4vw,2.1rem)/1.15 Caveat}.note-count{font:600 10px "DM Sans";letter-spacing:.13em;color:#ba9250}.note p{margin:12px 0 0}.balloons-screen{background:linear-gradient(#bfe8fa,#e9f8ff 67%,#fff5da);display:flex;align-items:center;flex-direction:column}.balloon-field{position:absolute;inset:22% 7% 5%;z-index:3}.balloon{border:0;width:86px;height:108px;border-radius:50% 50% 48% 48%;position:absolute;cursor:pointer;box-shadow:inset -10px -12px 20px #00000014,5px 11px 15px #6ba2bc30;animation:float 4s ease-in-out infinite}.balloon:before{content:"";position:absolute;width:13px;height:13px;background:inherit;bottom:-5px;left:36px;transform:rotate(45deg)}.balloon:after{content:"";position:absolute;top:106px;left:42px;height:65px;border-left:1px solid #798c91aa}.balloon:hover{filter:brightness(1.07);transform:scale(1.08)}.balloon.pop{animation:pop .4s forwards}.cloud{position:absolute;width:200px;height:50px;background:#fff9;border-radius:100px;filter:blur(1px)}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:80px;height:80px;bottom:0;left:28px}.cloud:after{width:110px;height:110px;bottom:0;right:16px}.c1{top:20%;left:-55px}.c2{right:-60px;bottom:22%}.toast{position:fixed;z-index:30;top:22px;left:50%;transform:translate(-50%,-20px);opacity:0;background:#fffdf7;padding:13px 18px;border-radius:14px;box-shadow:0 10px 28px #5a443225;font:500 15px Caveat;transition:.4s var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0)}.photos-screen{background:linear-gradient(90deg,#b87d49,#d9a36d 47%,#bc8050);padding:0;overflow:hidden}.photos-screen .section-title{padding:clamp(28px,5vw,55px);color:#fff7e4;text-shadow:0 2px 3px #3c190644}.photos-screen .eyebrow{color:#ffe1a7}.table{position:absolute;inset:23% 0 0;background:repeating-linear-gradient(0deg,#0000 0 74px,#5e321b25 75px 77px),linear-gradient(92deg,#b87842,#d99f68 42%,#b87442)}.table:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 10% 90%,#0002);pointer-events:none}.table .polaroid{position:absolute;opacity:0;animation:photoDrop .75s var(--ease) forwards}.table .photo-art{background:var(--bg)}.final-message{position:absolute;z-index:10;inset:0;display:grid;place-items:center;align-content:center;text-align:center;background:#4d2c1cd9;color:#fffbed;animation:fadeIn .8s var(--ease)}.final-message h1{font-size:clamp(2.5rem,6vw,5rem);animation:breathe 3s ease-in-out infinite}.final-message p{font:500 1.5rem Caveat;color:#ffd3cf}.final-message .cta{background:#fff6df;color:#513324}@keyframes float{50%{transform:translateY(-15px) rotate(3deg)}}@keyframes flicker{to{transform:rotate(48deg) scale(.86);filter:brightness(1.2)}}@keyframes smoke{to{transform:translateY(-30px) scale(1.7);opacity:0}}@keyframes unfold{from{transform:scale(.2) rotate(24deg);opacity:0}}@keyframes pop{to{transform:scale(1.8);opacity:0}}@keyframes photoDrop{to{opacity:1;transform:translateY(0) rotate(var(--rotate))}}@keyframes fadeIn{from{opacity:0}}@keyframes breathe{50%{transform:scale(1.025)}}@media(max-width:680px){.scratch-screen{justify-content:center;align-items:flex-end;padding-bottom:14vh}.screen-copy{top:11%;left:28px;transform:none}.screen-copy h1{font-size:2.7rem}.scratch-card{width:min(88vw,430px)}.quest-head ol{display:none}.quest-stage{inset:22% 0 0}.gift{margin:14px 0 5px}.gift-photo{top:85px}.balloon-field{inset:29% 1% 3%}.balloon{transform:scale(.8)}.photos-screen .section-title h1{font-size:3rem}.table{inset:26% 0 0}}
.cta{position:relative;z-index:8}
.gift-photo{width:230px;height:300px;object-fit:cover;object-position:center;border-radius:16px;filter:brightness(.56) saturate(.8);box-shadow:0 23px 45px #3d2c1b55;z-index:3;pointer-events:none}.gift.open~.gift-photo{transform:translateY(-5%) rotate(-2deg)}#toWish{z-index:10}
.gift-photo{filter:none}#giftStage.revealed:before{content:"";position:fixed;inset:0;background:#1f1814cc;z-index:3;animation:fadeIn .7s var(--ease)}#giftStage.revealed .gift-photo{position:fixed;top:5svh;left:50%;width:min(870px,88vw);height:80svh;object-fit:contain;transform:translateX(-50%)!important;z-index:4;border-radius:18px;filter:none}#giftStage.revealed .gift,#giftStage.revealed .tap{opacity:0;pointer-events:none}#giftStage.revealed #toWish{position:fixed;bottom:5svh;left:50%;transform:translateX(-50%);z-index:5;white-space:nowrap}.jar{width:285px;height:330px}.jar-glass i{height:22px;width:58px;border-radius:20px;background:linear-gradient(90deg,#e3bd67,#fff0b0 45%,#c79543);box-shadow:inset 0 1px #fff7d2,0 3px 5px #8b6a4b55}.jar-glass.empty:after{content:"пусто ✦";position:absolute;inset:45% 0 auto;color:#ae8955;font:600 15px Caveat}.note{right:clamp(24px,8vw,130px);top:34%;left:auto;z-index:7;transform:rotate(3deg)}.final-message{inset:auto 0 auto;top:6%;background:transparent;pointer-events:none;text-shadow:0 2px 5px #4d2c1c88}.final-message .cta{pointer-events:auto}.final-message h1{font-size:clamp(2rem,4.4vw,4.1rem)}@media(max-width:680px){#giftStage.revealed .gift-photo{width:92vw;height:70svh;top:10svh}.note{top:auto;bottom:8%;right:50%;transform:translateX(50%) rotate(2deg)}.final-message{top:9%}}
.extinguisher{font-size:76px;z-index:12;filter:drop-shadow(0 10px 12px #45200b44)}@media(max-width:680px){.extinguisher{font-size:62px}}
.scratch-reveal{display:block;position:relative}.scratch-reveal .sparkle{position:absolute;top:22%;left:50%;transform:translateX(-50%)}.scratch-reveal h2{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);margin:0}.scratch-reveal .cta{position:absolute;bottom:13%;left:50%;margin:0;transform:translateX(-50%);white-space:nowrap}.scratch-reveal .cta:hover{transform:translateX(-50%) translateY(-3px) scale(1.02)}
.jar-lid{background:linear-gradient(#fff,#e8e4dc)!important;box-shadow:inset 0 -5px #d4cec3,0 4px 6px #5d493522}.jar-glass{border-color:#e3e8e5dd;background:linear-gradient(100deg,#fff9,#ffffff22 35%,#fff9 49%,#ffffff33 70%);box-shadow:inset 0 0 28px #fff,0 18px 30px #8f725533}.jar-glass i{height:25px;width:63px;border-radius:16px;background:radial-gradient(ellipse at 8% 50%,#8f7645 0 5%,transparent 6%),linear-gradient(90deg,#e3c179,#fff3c8 33%,#e3bd69 70%,#997e47);box-shadow:inset 0 2px #fff7db,0 4px 7px #8b6a4b55}.note--saved{width:min(250px,27vw);min-height:112px;padding:22px 20px;animation:unfold .7s var(--ease);pointer-events:none}.note--saved p{font-size:clamp(1.15rem,2.2vw,1.55rem)}@media(max-width:680px){.note--saved{width:43vw;min-height:80px;padding:14px 12px}.note--saved p{font-size:1rem}.note--saved:nth-of-type(2n){left:53%!important}.note--saved:nth-of-type(n+6){top:70%!important}}
.photos-screen{background:#493125}.final-polaroid{position:absolute;z-index:2;inset:3svh 3vw;width:94vw;height:94svh;object-fit:cover;box-sizing:border-box;padding:clamp(9px,1.2vw,18px) clamp(9px,1.2vw,18px) clamp(42px,5vw,76px);background:#fffdf7;box-shadow:0 28px 60px #160b0788;opacity:0;transform:scale(.9) rotate(-2deg);transition:opacity .85s var(--ease),transform .85s var(--ease)}.final-polaroid.visible{opacity:1;transform:scale(1) rotate(-.6deg)}.final-message{z-index:5;color:#fffdf5}.final-message h1{filter:drop-shadow(0 3px 3px #160b07aa)}
.jar-glass.empty:after{content:"спасибо"}.note-count{display:none}.wish-card{position:absolute;z-index:4;width:clamp(105px,16vw,175px);min-height:78px;padding:12px 10px;display:grid;place-items:center;text-align:center;background:#fffdf3;border-radius:12px;box-shadow:0 9px 20px #5d718533;color:#53514b;font:600 clamp(.72rem,1.3vw,.92rem)/1.25 "DM Sans";transform:translate(-19%,-9%) rotate(-3deg);animation:unfold .45s var(--ease)}.final-polaroid{object-fit:contain}.final-message{z-index:8}
.final-polaroid{inset:auto;top:23svh;left:50%;width:min(82vw,940px);height:min(64svh,740px);padding:clamp(10px,1.1vw,16px) clamp(10px,1.1vw,16px) clamp(55px,5.5vw,82px);object-fit:contain;transform:translateX(-50%) scale(.9) rotate(-2deg);border:1px solid #e9e4da;box-shadow:0 30px 58px #160b0799}.final-polaroid.visible{transform:translateX(-50%) scale(1) rotate(-.6deg)}.final-message{top:3svh;z-index:9;color:#fffdf5}.final-message h1{font-size:clamp(2rem,3.7vw,3.6rem);filter:drop-shadow(0 3px 4px #160b07bb)}@media(max-width:680px){.final-polaroid{top:26svh;width:90vw;height:57svh;padding:9px 9px 52px}.final-message{top:5svh}.final-message h1{font-size:2.15rem}}
#toBalloons,#toPhotos{position:absolute;z-index:12;left:50%;bottom:clamp(20px,4svh,52px);margin:0;transform:translateX(-50%);white-space:nowrap}#toBalloons:hover,#toPhotos:hover{transform:translateX(-50%) translateY(-3px) scale(1.02)}
.final-polaroid{width:min(74vw,840px);height:min(64svh,650px)}
.cake.mini{transform:none;margin:18px auto 7px}
.wish-complete{position:fixed;inset:0;z-index:11}
.final-polaroid{top:15svh;width:min(78vw,940px);height:min(74svh,820px);padding-left:12px;padding-right:12px}
.final-polaroid{top:28svh;width:min(60vw,720px);height:min(72svh,760px)}.final-message{top:2svh}.final-message h1{line-height:1.02}
.final-polaroid{top:25svh}