@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bgSolid:#ffd3e6;--cardTint:#ffffff4d;--ink:#7b1638;--ink2:#a52b55;--outline:#2a0f17;--yes1:#ff79b6;--yes2:#ff4a9c;--no:#ffd9ea}*{box-sizing:border-box}#root,body,html{height:100%;margin:0}body{background:#ffd3e6;background:var(--bgSolid);color:#7b1638;color:var(--ink);font-family:Press Start\ 2P,ui-sans-serif,system-ui;overflow-x:hidden}body:before{background:radial-gradient(900px 650px at 50% 35%,#ffffff59,#0000 65%),radial-gradient(900px 650px at 50% 82%,#0000000f,#0000 60%);inset:-40px;opacity:.65}body:after,body:before{content:"";pointer-events:none;position:fixed}body:after{background-image:radial-gradient(rgba(0,0,0,.045) 1px,#0000 0);background-size:7px 7px;inset:0;mix-blend-mode:multiply;opacity:.1}.page{display:grid;min-height:100svh;padding:14px 14px calc(14px + env(safe-area-inset-bottom));place-items:center;position:relative}.heartRain{inset:0;opacity:.42;overflow:hidden;pointer-events:none}.drop,.heartRain{position:absolute}.drop{animation:fall linear infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.1));font-size:14px;top:-40px}@keyframes fall{to{opacity:.12;transform:translateY(110vh)}}.card{background:#ffffff4d;background:var(--cardTint);border:3px solid #2a0f17;border:3px solid var(--outline);border-radius:26px;box-shadow:0 22px 55px #0000002e;overflow:hidden;padding:16px 16px 18px;width:min(900px,96vw)}.card,.topDecor{position:relative}.topDecor{padding:8px 8px 0}.hangingHearts{display:flex;gap:14px;left:14px;position:absolute;top:4px}.hangingHearts span{background:#ff3f93;border-radius:999px;box-shadow:0 2px 0 #2a0f17;box-shadow:0 2px 0 var(--outline);height:10px;position:relative;width:10px}.hangingHearts span:before{background:#2a0f17;background:var(--outline);content:"";height:22px;top:-22px;width:2px}.hangingHearts span:after,.hangingHearts span:before{left:50%;position:absolute;transform:translateX(-50%)}.hangingHearts span:after{content:"❤";font-size:16px;top:10px}.stickerWrap{display:grid;margin-bottom:6px;margin-top:2px;place-items:center}.sticker{filter:drop-shadow(0 18px 22px rgba(0,0,0,.12));height:auto;width:110px}.stickerFallback{filter:drop-shadow(0 18px 22px rgba(0,0,0,.1));font-size:38px}.title{color:#7b1638;color:var(--ink);line-height:1.15;margin:0 8px 10px;text-align:center}.greet{font-size:clamp(11px,1.6vw,16px);margin-bottom:8px;opacity:.92}.greet,.q{display:block}.q{font-size:clamp(16px,3.2vw,30px)}.sub{color:#a52b55;color:var(--ink2);font-size:clamp(10px,1.3vw,12px);margin-bottom:12px;text-align:center}.buttonRow{background:#ffffff38;border-radius:18px;box-shadow:inset 0 6px 0 #ffffff47;height:clamp(130px,20vh,170px);overflow:hidden;padding:16px;position:relative}.btn,.buttonRow{border:3px solid #2a0f17;border:3px solid var(--outline)}.btn{background:#fff;border-radius:999px;box-shadow:0 8px 0 #2a0f17,0 18px 30px #0000001f;box-shadow:0 8px 0 var(--outline),0 18px 30px #0000001f;color:#7b1638;color:var(--ink);cursor:pointer;font-family:Press Start\ 2P,ui-sans-serif,system-ui;font-size:clamp(9px,1.2vw,12px);line-height:1.2;padding:14px 16px;transition:transform .16s cubic-bezier(.18,.9,.18,1),filter .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{box-shadow:0 3px 0 #2a0f17,0 12px 24px #0000001a;box-shadow:0 3px 0 var(--outline),0 12px 24px #0000001a;transform:translateY(5px)}.btn.yes{background:linear-gradient(180deg,#ff79b6,#ff4a9c);background:linear-gradient(180deg,var(--yes1),var(--yes2));color:#fff;display:grid;left:22px;max-width:calc(100% - 44px);place-items:center;position:absolute;text-align:center;top:50%;transform:translateY(-50%);z-index:2}.btn.yes.glow{filter:drop-shadow(0 0 14px rgba(255,63,147,.4))}.btn.yes.big{filter:drop-shadow(0 0 18px rgba(255,63,147,.45))}.btn.no{background:#ffd9ea;background:var(--no);position:absolute;z-index:3}.pixelCorner{background:linear-gradient(#ff2e86,#ff2e86) 30px 0/10px 10px no-repeat,linear-gradient(#ff2e86,#ff2e86) 20px 10px/10px 10px no-repeat,linear-gradient(#ff2e86,#ff2e86) 40px 10px/10px 10px no-repeat,linear-gradient(#ff2e86,#ff2e86) 30px 20px/10px 10px no-repeat,linear-gradient(#ff2e86,#ff2e86) 30px 30px/10px 10px no-repeat;filter:drop-shadow(0 2px 0 #2a0f17);filter:drop-shadow(0 2px 0 var(--outline));height:56px;opacity:.9;position:absolute;right:12px;top:10px;width:56px}.hint{color:#7b1638bf;font-size:clamp(9px,1.1vw,11px);margin-top:12px;text-align:center}@media (max-width:520px){.page{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.card{border-radius:22px;padding:12px 12px 14px}.sticker{width:90px}.buttonRow{height:190px}.btn,.buttonRow{padding:12px}.btn.yes{left:14px;max-width:calc(100% - 28px)}.pixelCorner{right:10px;top:8px;transform:scale(.85)}}.successWrap{display:grid;place-items:center;width:100%}.successCard{-webkit-overflow-scrolling:touch;background:#ffffff42;border:3px solid #2a0f17;border:3px solid var(--outline);border-radius:22px;box-shadow:0 22px 55px #0000002e;max-height:calc(100svh - 28px - env(safe-area-inset-bottom));overflow:auto;padding:14px;width:min(980px,96vw)}.successHeader{padding:10px 8px 6px;text-align:center}.successTitle{font-size:clamp(14px,2.2vw,20px)}.successSub{color:#7b1638bf;font-size:clamp(9px,1.2vw,11px);margin-top:6px}.successBody{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1.1fr .9fr;padding:10px}.canvasBox{background:#fff3;border:3px solid #2a0f17;border:3px solid var(--outline);border-radius:16px;box-shadow:inset 0 6px 0 #ffffff38;min-height:320px;overflow:hidden}.heartTreeWrap{height:100%;min-height:320px;position:relative;width:100%}.heartTreeWrap canvas{display:block;height:100%;width:100%}.canvasHint{bottom:8px;font-size:10px;opacity:.55;position:absolute;right:10px}.rightCol{background:#ffffff29;border:3px solid #2a0f17;border:3px solid var(--outline);border-radius:16px;box-shadow:inset 0 6px 0 #ffffff38;display:flex;flex-direction:column;gap:12px;min-height:320px;padding:12px}.typeBox{background:#ffffff2e;border:3px solid #2a0f17bf;border-radius:14px;min-height:86px;padding:12px}.typeLine{color:#7b1638eb;font-size:11px;line-height:1.5;word-break:break-word}.caret{animation:blink .9s infinite;background:#ff4a9cd9;display:inline-block;height:12px;margin-left:4px;vertical-align:-2px;width:10px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.15}}.timerBox{background:#ffffff2e;border:3px solid #2a0f17bf;border-radius:14px;padding:12px}.timerLabel{font-size:10px;line-height:1.55;opacity:.9}.timerBig{color:#ff4a9cf2;display:inline;letter-spacing:0;margin-left:4px;white-space:nowrap;word-spacing:2px}.timerHint{font-size:9px;margin-top:8px;opacity:.55}@media (max-width:720px){.successBody{grid-template-columns:1fr}.canvasBox{min-height:300px}.rightCol{min-height:auto}}@media (max-width:520px){.successCard{padding:10px предуп}.successBody{gap:10px;padding:8px}.canvasBox,.heartTreeWrap{min-height:42svh}.typeLine{font-size:10px}.timerBig{white-space:normal}}.musicGateWrap{display:grid;inset:0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));place-items:end center;pointer-events:none;position:fixed;z-index:9999}.musicGateBtn{background:#ffffff59;border:3px solid #2a0f17;border:3px solid var(--outline);border-radius:999px;box-shadow:0 6px 0 #2a0f17,0 14px 22px #0000001f;box-shadow:0 6px 0 var(--outline),0 14px 22px #0000001f;color:#7b1638f2;cursor:pointer;font-family:Press Start\ 2P,ui-sans-serif,system-ui;font-size:10px;padding:12px 16px;pointer-events:auto}.musicGateBtn:active{transform:translateY(2px)}.musicPill{align-items:center;background:#ffffff59;border:3px solid #2a0f17;border:3px solid var(--outline);border-radius:999px;bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 6px 0 #2a0f17,0 14px 22px #00000024;box-shadow:0 6px 0 var(--outline),0 14px 22px #00000024;display:inline-flex;left:50%;padding:10px 14px;position:fixed;transform:translateX(-50%);z-index:9998}.musicIconBtn{background:#0000;border:0;color:#7b1638;color:var(--ink);cursor:pointer;font-family:Press Start\ 2P,ui-sans-serif,system-ui;font-size:10px;padding:6px 8px}.musicIconBtn:active{transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.drop{animation:none!important}.btn{transition:none!important}}
/*# sourceMappingURL=main.12d84a86.css.map*/