.content{grid-template-rows:30vh 70vh;grid-template-columns:[flag-cl-start balloon-l-start]1fr[flag-cl-end balloon-l-end flag-l-start frame-start]1fr[flag-l-end flag-r-start]1fr[flag-r-end flag-cr-start balloon-r-start frame-end]1fr[flag-cr-end balloon-r-end];height:100dvh;display:grid;position:absolute;inset:0;overflow:hidden}.content>*{width:100%}@media only screen and (width<=800px){.content{grid-template-rows:24vh 76vh;grid-template-columns:[flag-l-start balloon-l-start frame-start]1fr[balloon-l-end flag-l-end flag-r-start balloon-r-start]1fr[flag-r-end balloon-r-end frame-end]}}@media only screen and (width<=560px){.content{grid-template-rows:21vh 79vh}}.frame{--rx:0deg;--ry:0deg;opacity:0;perspective:120rem;text-align:center;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;flex-direction:column;grid-area:2/frame-start/3/frame-end;justify-content:space-evenly;align-items:center;transition:transform .22s ease-out;display:none}@media (width<=560px){.frame{justify-content:flex-start;gap:2rem;padding-top:3.5rem}}.page-404{text-align:center;background-color:#413f42}*,:before,:after{box-sizing:inherit;margin:0;padding:0}:root{--accent-color:#ff4f9a;--glow-color:#6ce6ff;--cinema-intensity:1;--spot-x:50vw;--spot-y:50vh}html{box-sizing:border-box;font-size:62.5%}@media (width<=1024px){html{font-size:59%}}@media (width<=680px){html{font-size:56%}}@media (width<=420px){html{font-size:52%}}@media (width>=1200px){html{font-size:70%}}body{color:#fff;background:radial-gradient(circle at 15% 20%,#6ce6ff33,#0000 30%),radial-gradient(circle at 80% 10%,#ff4f9a33,#0000 35%),#0b0e28;min-height:100dvh;font-family:Courgette,cursive;overflow-x:hidden}.ambient,.spotlight,.particle-field{pointer-events:none;position:fixed;inset:0}.ambient{z-index:-1;opacity:calc(.4 * var(--cinema-intensity));filter:blur(16px)}.ambient--one{background:radial-gradient(circle at 20% 20%, var(--glow-color), transparent 45%)}.ambient--two{background:radial-gradient(circle at 80% 80%, var(--accent-color), transparent 40%)}.spotlight{z-index:1;mix-blend-mode:screen;background:radial-gradient(28rem circle at var(--spot-x) var(--spot-y), #ffffff38, transparent 65%)}@media (width<=800px){.spotlight{background:radial-gradient(22rem circle at var(--spot-x) var(--spot-y), #fff3, transparent 70%)}}.particle-field{z-index:2;overflow:hidden}.particle{top:110%;left:var(--x);width:calc(.8rem * var(--s));height:calc(.8rem * var(--s));opacity:.8;background:linear-gradient(45deg, var(--accent-color), var(--glow-color));animation:particle-float var(--d) linear var(--delay) infinite;border-radius:50%;position:absolute;box-shadow:0 0 1.4rem #ffffff73}.particle:nth-child(2n){border-radius:20% 70%}.sound-control{top:max(1.6rem, env(safe-area-inset-top));right:max(1.6rem, env(safe-area-inset-right));z-index:35;-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#070d2cc2,#2415399e);border:.1rem solid #ffffff52;border-radius:99rem;align-items:center;gap:.9rem;padding:.95rem 1.2rem;display:flex;position:fixed;box-shadow:0 .8rem 2.4rem #00000061}@media (width<=560px){.sound-control{justify-content:center;width:min(94vw,35rem);left:50%;right:auto;transform:translate(-50%)}}.sound-control__label{color:#fffffff5;letter-spacing:.08rem;text-transform:uppercase;font-family:Cinzel,serif;font-size:1.2rem}.volume-slider{width:min(30vw,13rem);accent-color:var(--accent-color);cursor:pointer}@media (width<=560px){.volume-slider{width:min(48vw,16rem)}}.volume-value{color:#fff;text-align:right;min-width:4.4rem;font-family:Cinzel,serif;font-size:1.2rem}.end-actions{right:max(1.8rem, env(safe-area-inset-right));bottom:max(1.8rem, env(safe-area-inset-bottom));z-index:34;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:linear-gradient(140deg,#0d1334d6,#3a1448b8);border:.1rem solid #ffffff47;border-radius:1.6rem;width:min(92vw,36rem);padding:1.5rem;transition:opacity .26s,transform .26s;position:fixed;transform:translateY(1.4rem);box-shadow:0 1.2rem 3rem #0000007a}@media (width<=700px){.end-actions{width:min(95vw,38rem);left:50%;right:auto;transform:translate(-50%,1.4rem)}}.end-actions.visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (width<=700px){.end-actions.visible{transform:translate(-50%)}}.end-actions__title{text-transform:uppercase;letter-spacing:.12rem;margin-bottom:1rem;font-family:Cinzel,serif;font-size:1.45rem}.end-actions__buttons{grid-template-columns:1fr;gap:.75rem;display:grid}.end-btn{cursor:pointer;letter-spacing:.04rem;color:#fff;background:linear-gradient(120deg,#6ce6ffcc,#ff4f9ae0);border:0;border-radius:1rem;padding:1rem 1.1rem;font-family:Cinzel,serif;font-size:1.4rem;transition:transform .12s,filter .12s;box-shadow:0 .7rem 1.8rem #00000059}.end-btn:hover{filter:brightness(1.04);transform:translateY(-.1rem)}.end-btn:active{transform:translateY(.1rem)}.end-btn:disabled{opacity:.62;cursor:wait}.share-story{background:linear-gradient(120deg,#ff79c5e0,#ffac2ee0)}.end-actions__hint{color:#ffffffe0;margin-top:.9rem;font-size:1.2rem}.end-actions__status{color:#6ce6fff0;min-height:1.8rem;margin-top:.7rem;font-size:1.15rem}.end-actions__status.is-error{color:#ffb6c7}.creator-credit{left:max(1.6rem, env(safe-area-inset-left));bottom:max(1.5rem, env(safe-area-inset-bottom));z-index:33;letter-spacing:.07rem;color:#ffffffd6;-webkit-backdrop-filter:blur(6px);background:#080c2173;border:.1rem solid #ffffff38;border-radius:99rem;padding:.62rem 1rem;font-size:1.2rem;text-decoration:none;position:fixed}.creator-credit:hover,.creator-credit:focus-visible{color:#fff;border-color:#ffffff70}@media (width<=700px){.creator-credit{bottom:auto;top:max(6.9rem, env(safe-area-inset-top) + 5.2rem);left:50%;transform:translate(-50%)}}.balloon{grid-row:1/-1;width:130%}.balloon--left{grid-column:balloon-l-start/balloon-l-end;animation:4s linear infinite balloon-move}@media (width<=800px){.balloon--left{margin-left:-25%}}@media (width<=500px){.balloon--left{margin-left:-40%}}.balloon--right{grid-column:balloon-r-start/balloon-r-end;margin-left:-20%;animation:4s linear infinite reverse balloon-move}@media (width<=800px){.balloon--right{margin-left:25%}.balloon{width:100%}}@media (width<=500px){.balloon{opacity:.78;width:112%}}.flag{z-index:0;grid-row:1/2}.flag--c-left{grid-column:flag-cl-start/flag-cl-end}@media (width<=800px){.flag--c-left{display:none}}.flag--c-right{grid-column:flag-cr-start/flag-cr-end}@media (width<=800px){.flag--c-right{display:none}}.flag--left{grid-column:flag-l-start/flag-l-end}.flag--right{grid-column:flag-r-start/flag-r-end}@media (width<=800px){.flag{margin-top:20%;transform:scale(1.2)}}@media (width<=500px){.flag{opacity:.9;margin-top:8%;transform:scale(1.05)}}.img-back{background:radial-gradient(circle at 35% 25%,#ffc4e5,#ffa8dc 42%,#ff79c8);border-radius:50%;width:20rem;height:20rem;position:relative;transform:translateZ(2rem);box-shadow:0 1rem 4rem #00000059,0 0 3rem #ff4f9a73}@media (width<=800px){.img-back{width:35rem;height:35rem}}@media (width<=500px){.img-back{width:min(66vw,26rem);height:min(66vw,26rem)}}@media (width<=380px){.img-back{width:min(62vw,24rem);height:min(62vw,24rem)}}.bd-pic{background-image:url(pic.bda768d8.jpeg);background-position:top;background-repeat:no-repeat;background-size:cover;border-style:dotted;border-color:#fff;border-radius:50%;width:83.3333%;height:83.3333%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.cap{height:33.3333%;position:absolute;top:-15%;left:50%;transform:translate(0)}.confetti{width:150%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cake{width:70%;height:70%;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%)}.HBD-text{width:90%;transform:translateZ(3.2rem)}.HBD{letter-spacing:.12rem;text-shadow:0 0 1.5rem #6ce6ffb3;padding:0;font-family:Cinzel,serif;font-size:2.4rem}@media (width<=800px){.HBD{font-size:3.4rem}}@media (width<=500px){.HBD{font-size:2.75rem;line-height:1.18}}.nickname{color:var(--accent-color);text-shadow:0 0 2rem #ff4f9a8c;padding:0;font-family:Great Vibes,cursive;font-size:3.2rem}@media (width<=800px){.nickname{font-size:4.2rem}}@media (width<=500px){.nickname{font-size:3.4rem}}.scroll{width:80%;height:70%;font-size:2.4rem;position:relative;overflow-y:hidden}@media (width<=800px){.scroll{height:60%}}@media (width<=500px){.scroll{width:90%;height:76%;font-size:2rem}}@media (width<=380px){.scroll{width:92%;height:72%;font-size:1.85rem}}.text{text-align:center;padding:0 .8rem;line-height:1.45;position:absolute;top:50%;left:0;transform:translate(0)}.btn{z-index:12;background:radial-gradient(circle at 28% 25%, #ffffffd1, #ffffff14 58%), linear-gradient(140deg, var(--btn-start), var(--btn-end));width:15rem;height:15rem;box-shadow:0 1.2rem 3.8rem #00000073, 0 0 2.8rem #ffffff3d, 0 0 3.6rem color-mix(in srgb, var(--btn-end) 55%, transparent);cursor:pointer;-webkit-backdrop-filter:blur(8px);border:0;border-radius:50%;animation:2s linear infinite alternate heart-beat;display:none;position:absolute;top:60%;left:50%;overflow:visible;transform:translateY(-50%)}.btn:before{content:"";box-shadow:inset 0 0 0 .1rem #ffffff40, 0 0 2.2rem color-mix(in srgb, var(--btn-start) 45%, transparent);border:.2rem solid #ffffff57;border-radius:50%;animation:2.7s ease-out infinite action-ring;position:absolute;inset:-.9rem}.btn:after{content:"";filter:drop-shadow(0 0 .6rem #ffffff8c);background:linear-gradient(#fff,#ffffffc7);position:absolute;inset:27%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.btn:focus-visible{outline-offset:.6rem;border-radius:50%;outline:.45rem solid #6ce6ffb3}@media (width<=680px){.btn{width:12.5rem;height:12.5rem;top:66%}}@media (width<=420px){.btn{width:10.6rem;height:10.6rem;top:70%}}.btn-ref{text-align:center;text-transform:uppercase;letter-spacing:.2rem;color:#fbfdff;text-shadow:0 0 1rem #0000006b;-webkit-backdrop-filter:blur(6px);background:linear-gradient(130deg,#ffffff29,#ffffff08);border:.1rem solid #ffffff59;border-radius:99rem;width:min(90vw,38rem);padding:1rem 1.6rem;font-size:1.35rem;display:none;position:absolute;top:90%;left:50%;transform:translate(-50%);box-shadow:0 .8rem 2.5rem #00000061}@media (width<=680px){.btn-ref{letter-spacing:.14rem;font-size:1.25rem;top:87%}}@media (width<=420px){.btn-ref{width:min(92vw,34rem);padding:.85rem 1.2rem;font-size:1.15rem;top:88.5%}}.switch{--btn-start:#ffd956;--btn-end:#ff8a3c}.switch:after{-webkit-mask-image:url(bulb.cf26c8c9.svg);mask-image:url(bulb.cf26c8c9.svg)}.gift{--btn-start:#ff5b98;--btn-end:#f93366}.gift:after{-webkit-mask-image:url(gift.723efea1.svg);mask-image:url(gift.723efea1.svg)}.door-in,.door-out{--btn-start:#52cbff;--btn-end:#3b72ff}.door-in:after,.door-out:after{-webkit-mask-image:url(door.ecb8ae9d.svg);mask-image:url(door.ecb8ae9d.svg)}.darkroom,.flash,.giftroom,.empty-room,.hallway{text-align:center;width:100vw;height:100dvh;position:absolute}.darkroom{background-color:#000}.flash{background-color:#fff}.giftroom,.empty-room{background-color:#141852}.hallway{background-image:radial-gradient(#0000,#000),url(Hallway.7ceb47da.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.empty-room,.giftroom,.content{background-image:radial-gradient(#0000,#000000a6),url(bedroom.e8213377.svg);background-position:70%;background-repeat:no-repeat;background-size:cover}body.final-reveal .img-back{animation:2.4s ease-in-out infinite alternate halo-pulse}.bb-text,.gift-text,.hall-text,.room-text{text-align:center;-webkit-backdrop-filter:blur(8px);opacity:0;text-shadow:0 .6rem 1.6rem #00000073;background:linear-gradient(135deg,#ffffff2b,#ffffff0d);border:.1rem solid #ffffff40;border-radius:1.8rem;width:min(80vw,78rem);padding:1.8rem 2.4rem;font-size:3.2rem;display:inline-block;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1.2rem 3rem #00000059}@media (width<=800px){.bb-text,.gift-text,.hall-text,.room-text{width:86vw;font-size:2.85rem;line-height:1.35;top:17%}}@media (width<=500px){.bb-text,.gift-text,.hall-text,.room-text{border-radius:1.3rem;width:90vw;padding:1.4rem 1.5rem;font-size:2.25rem;line-height:1.4;top:14%}}@media (width<=380px){.bb-text,.gift-text,.hall-text,.room-text{font-size:2rem}}.darkroom .bb-text{background:linear-gradient(135deg,#ffd9562e,#ffffff0f);border-color:#ffd95673}.empty-room .room-text,.hallway .hall-text{border-color:#52cbff61}.giftroom .gift-text{background:linear-gradient(135deg,#ff69af38,#ffffff0f);border-color:#ff69af80}.velas{backface-visibility:hidden;background:#fff;border-radius:.625rem;width:1.5%;height:12%;position:absolute;top:70%;left:50%}.velas:after,.velas:before{content:"";background:#f006;width:100%;height:5%;position:absolute}.velas:after{top:25%;left:0}.velas:before{top:45%;left:0}.fuego{border-radius:100%;width:100%;height:40%;margin-left:-2.6px;position:absolute;top:-50%;left:60%}.fuego:first-child{animation:2s 6.5s infinite fuego}.fuego:nth-child(2){animation:1.5s 6.5s infinite fuego}.fuego:nth-child(3){animation:1s 6.5s infinite fuego}.fuego:nth-child(4){animation:.5s 6.5s infinite fuego}.fuego:nth-child(5){animation:.2s 6.5s infinite fuego}@keyframes fuego{0%,to{box-shadow:0 0 250% 62.5% #f8e9d133;background:#fef86180;transform:scale(1)}50%{box-shadow:0 0 250% 125% #f8e9d133;background:#ff32001a;transform:scale(0)}}@keyframes in{to{transform:translateY(0)}}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes read{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes heart-beat{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.25)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes balloon-move{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(5%)rotate(3deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-5%)rotate(-3deg)}to{transform:translateY(0)rotate(0)}}@keyframes move-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes particle-float{0%{opacity:0;transform:translate(0,0)rotate(0)}10%{opacity:.9}to{transform:translate3d(var(--drift), -120dvh, 0) rotate(380deg);opacity:0}}@keyframes halo-pulse{0%{box-shadow:0 1rem 4rem #00000059,0 0 3rem #ff4f9a6b}to{box-shadow:0 1.3rem 5rem #0000006b,0 0 4.8rem #6ce6ffa6}}@keyframes action-ring{0%{opacity:.8;transform:scale(.92)}70%{opacity:0;transform:scale(1.06)}to{opacity:0;transform:scale(1.08)}}.hidden{display:none}.fade-in{animation:2s ease-in fade}.appear{animation:2s linear reverse fade}.read{animation:4s linear read}.move-up{animation:move-up var(--readTime) linear 3s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.particle-field,.ambient,.spotlight{display:none}}
/*# sourceMappingURL=path0.4864dd78.css.map */