html{background:var(--bg)}.cena{background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:100dvh;position:relative;overflow:hidden}:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.brilhos,.confetes{pointer-events:none;position:absolute;inset:0}.brilho{background:var(--estrela);clip-path:var(--estrela-forma);animation:ease-in-out infinite both piscar;position:absolute}@keyframes piscar{0%,to{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}.lacre{text-align:center;flex-direction:column;align-items:center;max-width:480px;min-height:100dvh;margin:0 auto;padding:12vh 28px 40px;display:flex;position:relative}.lacre.saindo{pointer-events:none}.lacre>*,.palco>:not(.presente){transition:opacity .5s ease var(--pre-delay,0s), transform .5s ease}.lacre.saindo>:not(.palco),.lacre.saindo .palco>:not(.presente,.raspa-card){opacity:0}.lacre.saindo:has(.raspa-card) :is(.eyebrow,.headline){transform:translateY(-20px)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font:800 12px/1 Nunito,sans-serif}.headline{text-wrap:balance;margin:14px 0 0;font:600 32px/1.12 Fredoka,sans-serif}.palco{flex-direction:column;align-items:center;display:flex}.dica{color:var(--ink);margin:24px 0 0;font:700 15px/1.4 Nunito,sans-serif}.presente{touch-action:none;flex:none;width:240px;height:250px;position:relative}.presente.segurar{cursor:pointer;border-radius:20px}.caixa-brilho{opacity:0;background:radial-gradient(closest-side,oklch(99% .07 95),oklch(97% .06 95/0));border-radius:50%;height:160px;position:absolute;top:20px;left:0;right:0}.corpo{background:var(--caixa);border-radius:14px;height:170px;transition:opacity .45s .85s,transform .6s .8s;position:absolute;bottom:0;left:20px;right:20px;box-shadow:0 18px 36px #3c28502e}.presente.aberto .corpo{opacity:0;transform:scale(.6)translateY(40px)}.fita{background:var(--fita);transform-origin:top;position:absolute;top:0;bottom:0;left:50%}.fita-corpo{width:30px;margin-left:-15px}.fita-tampa{width:32px;margin-left:-16px}.tampa{touch-action:none;border-radius:12px;height:54px;position:absolute;top:30px;left:8px;right:8px}.tampa.puxavel{cursor:grab}.tampa.puxavel:active{cursor:grabbing}.presente.aberto .tampa{opacity:0}.anel{border:10px solid var(--fita);border-radius:50%;width:52px;height:44px;position:absolute;top:-34px}.anel-e{left:46px;transform:rotate(-25deg)}.anel-d{right:46px;transform:rotate(25deg)}.tampa-face{background:var(--tampa);border-radius:12px;position:absolute;inset:0;overflow:hidden;box-shadow:0 6px #00000014}.mec-laco.mola :is(.laco-botao,.anel,.fita,.tampa){transition:transform .45s var(--mola), opacity .3s ease}.mec-laco.mola .laco-rabo{transition:width .45s var(--mola)}.mec-tampa.mola .tampa{transition:transform .6s cubic-bezier(.3,1.4,.5,1)}.mec-tampa.mola .caixa-brilho{transition:opacity .6s}.barra-trilho{background:#fff9;border-radius:99px;width:200px;height:12px;margin-top:48px;overflow:hidden}.barra{background:var(--ink);border-radius:99px;width:0;height:100%}.trilho-laco{background:#ffffff8c;border-radius:99px;width:260px;height:56px;margin-top:44px;position:relative}.laco-rabo{background:var(--fita);border-radius:4px;width:0;height:8px;position:absolute;top:24px;left:28px}.laco-seta{color:var(--ink);font:800 14px/18px Nunito,sans-serif;position:absolute;top:19px;right:22px}.laco-botao{background:var(--fita);cursor:grab;touch-action:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:4px;left:4px;box-shadow:0 4px 10px oklch(45% .1 10/.35)}.laco-botao:active{cursor:grabbing}.laco-botao:after{content:"";width:16px;height:16px;clip-path:var(--estrela-forma);background:#fffdf8}.seta{width:28px;color:var(--ink);pointer-events:none;margin-left:-14px;font:800 28px/1 Nunito,sans-serif;transition:opacity .3s;animation:1.6s ease-in-out infinite boiar;position:absolute;top:-84px;left:50%}.seta.some{opacity:0}@keyframes boiar{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.palco>.envelope{width:280px;height:190px;transition:transform .25s var(--mola), opacity .5s ease var(--pre-delay,0s);margin-top:80px;position:relative}.env-fundo{background:oklch(82% .07 20);border-radius:16px;position:absolute;inset:0;box-shadow:0 18px 40px oklch(50% .08 250/.18)}.carta{z-index:2;background:#fffdf8;border-radius:10px;justify-content:center;height:160px;padding-top:22px;transition:transform .8s cubic-bezier(.3,1.3,.5,1) .25s;display:flex;position:absolute;top:14px;left:16px;right:16px}.carta-estrela{width:22px;height:22px;clip-path:var(--estrela-forma);background:oklch(80% .09 85)}.env-frente{z-index:3;clip-path:polygon(0 34%,50% 70%,100% 34%,100% 100%,0 100%);background:oklch(86% .06 20);border-radius:16px;position:absolute;inset:0}.env-aba{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;background:oklch(78% .08 20);border-radius:16px 16px 0 0;height:120px;transition:transform .5s,opacity .4s .1s;position:absolute;top:0;left:0;right:0}.envelope.aberto .env-aba{opacity:0;transform:rotateX(180deg)}.envelope.aberto .carta{transform:translateY(-120px)}.selo{z-index:5;cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 6px 7px oklch(40% .12 15/.45));background:0 0;border:0;border-radius:50%;width:84px;height:84px;padding:0;transition:transform .22s cubic-bezier(.3,1.8,.5,1);position:absolute;top:66px;left:98px}.selo:disabled{cursor:default}.selo-metade{background:radial-gradient(circle at 35% 30%,oklch(70% .15 15),oklch(50% .15 15));border-radius:50%;transition:transform .6s,opacity .6s;position:absolute;inset:0}.selo-e{clip-path:inset(0 50% 0 0)}.selo-d{clip-path:inset(0 0 0 50%)}.selo-borda{border:2px dashed oklch(90% .05 15/.55);border-radius:50%;position:absolute;inset:11px}.selo-estrela{width:26px;height:26px;clip-path:var(--estrela-forma);background:oklch(88% .06 15);transition:opacity .4s;position:absolute;top:29px;left:29px}.selo-rachadura{transition:opacity .4s;position:absolute;inset:0}.selo-rachadura polyline{transition:stroke-dashoffset .25s}.bolinhas{gap:8px;margin-top:56px;display:flex}.bolinha{background:oklch(85% .03 250);border-radius:50%;width:10px;height:10px;transition:background .2s}.bolinha.cheia{background:oklch(60% .15 15)}.palco>.raspa-card,.raspa-card{width:300px;max-width:82vw;margin-top:40px;transition:transform .7s cubic-bezier(.3,1.5,.5,1);position:relative}.raspa-card.raspado{transform:translateY(-30px)scale(1.06)}.lacre.saindo .raspa-card{pointer-events:auto}.revelacao .raspa-card{margin-top:0}.raspa-card .cartinha{max-width:none}.raspa-canvas{touch-action:none;cursor:pointer;border-radius:28px;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.raspado .raspa-canvas{opacity:0;pointer-events:none}.revelacao{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}.cartinha{perspective:1400px;cursor:pointer;pointer-events:auto;touch-action:manipulation;will-change:transform;border-radius:28px;width:100%;max-width:320px;position:relative}.cartinha[aria-hidden=true]{cursor:default}.cartinha:focus-visible{outline:none}.cartinha:focus-visible .face{outline:3px solid var(--ink);outline-offset:4px}.cartinha-giro{transform-style:preserve-3d;transform:rotateY(var(--giro,0deg));transition:transform .9s cubic-bezier(.45,.05,.2,1);display:grid}.cartinha.cutucando .cartinha-giro{animation:3.4s ease-in-out 1.8s infinite cutucar}@keyframes cutucar{0%,72%,to{rotate:y 0deg}79%{rotate:y -16deg}87%{rotate:y 9deg}94%{rotate:y -3deg}}.face{text-align:center;backface-visibility:hidden;background:#fffdf8;border-radius:28px;grid-area:1/1;padding:34px 24px 30px;display:grid;position:relative;box-shadow:0 24px 50px oklch(40% .06 280/.22)}.face:before{content:"";border:2px dashed color-mix(in oklch, var(--titulo) 22%, transparent);pointer-events:none;border-radius:20px;position:absolute;inset:10px}.verso{transform:rotateY(180deg)}.painel{visibility:hidden;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;display:flex}.painel.ativo{visibility:visible}.cartinha-estrela{width:14px;height:14px;clip-path:var(--estrela-forma);background:oklch(80% .09 85);position:absolute;top:24px;left:24px}.cartinha-estrela+.cartinha-estrela{background:oklch(80% .09 230);width:18px;height:18px;inset:auto 24px 26px auto}.frente-corpo{flex-direction:column;flex:1;justify-content:center;padding:18px 6px;display:flex}.frente-saudacao{color:var(--titulo);font:600 26px/1.15 Fredoka,sans-serif}.frente-texto{text-wrap:pretty;margin:14px 0 0;font:600 21px/1.5 Nunito,sans-serif}.frente-texto:first-child{margin-top:0}.frente-dica{background:var(--bg);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-radius:99px;align-items:center;gap:8px;padding:9px 16px;font:800 12px/1 Nunito,sans-serif;display:flex}.recado-rotulo{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font:800 12px/1 Nunito,sans-serif}.recado-texto{text-wrap:pretty;margin:16px 0 0;font:500 23px/1.4 Fredoka,sans-serif}.recado-texto:before,.recado-texto:after{color:var(--titulo);font-weight:600}.recado-texto:before{content:"“"}.recado-texto:after{content:"”"}.frente-icone{letter-spacing:0;font-size:16px;animation:2.4s ease-in-out infinite girar}@keyframes girar{0%,55%{transform:rotate(0)}to{transform:rotate(360deg)}}.polaroid{background:#fff;border-radius:4px;width:74%;margin:0 0 18px;padding:8px 8px 26px;position:relative;transform:rotate(-3deg);box-shadow:0 6px 16px oklch(40% .06 280/.18)}.polaroid img{aspect-ratio:4/3;object-fit:cover;background:var(--bg);border-radius:2px;width:100%;display:block}.polaroid:after{content:"♥";color:var(--titulo);font:700 14px/1 Fredoka,sans-serif;position:absolute;bottom:4px;left:0;right:0}.msg-parabens{color:var(--ink);text-wrap:balance;font:600 24px/1.15 Fredoka,sans-serif}.msg-pre{text-wrap:balance;margin-top:6px;font:700 18px/1.35 Nunito,sans-serif;position:relative}.msg-titulo{color:var(--titulo);margin-top:4px;font:700 clamp(64px,20vw,84px)/1 Fredoka,sans-serif;position:relative}.msg-bebe{background:var(--bg);border-radius:99px;margin-top:16px;padding:10px 18px;font:600 18px/1.3 Fredoka,sans-serif;position:relative}.so-leitor{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.confete{left:var(--cx,50%);top:var(--cy,45%);animation-name:estourar;animation-timing-function:cubic-bezier(.15,.7,.3,1);animation-fill-mode:both;position:absolute}@keyframes estourar{0%{opacity:1;transform:translate(-50%,-50%)scale(0)rotate(0)}75%{opacity:1}to{transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1) rotate(var(--r));opacity:0}}@media (height<=700px){.lacre{padding-top:7vh}.headline{font-size:28px}.presente{margin-top:48px!important}.mec-tampa .presente{margin-top:100px!important}.palco>.envelope{margin-top:56px}.palco>.raspa-card{margin-top:28px}.face{padding:26px 20px 24px}.polaroid{width:58%;margin-bottom:12px}.frente-texto{font-size:18px}.msg-titulo{font-size:60px}}@media (prefers-reduced-motion:reduce){.presente.aberto .corpo,.raspa-card.raspado,.lacre.saindo :is(.eyebrow,.headline),.envelope.aberto .env-aba{transform:none}.envelope.aberto .carta{opacity:0;transition:opacity .5s;transform:none}.seta{animation:none}.cartinha-giro,.verso{transform:none}.face{transition:opacity .4s}.verso,.cartinha.mostra-verso .frente{opacity:0}.cartinha.mostra-verso .verso{opacity:1}.recado-rotulo{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font:800 12px/1 Nunito,sans-serif}.recado-texto{text-wrap:pretty;margin:16px 0 0;font:500 23px/1.4 Fredoka,sans-serif}.recado-texto:before,.recado-texto:after{color:var(--titulo);font-weight:600}.recado-texto:before{content:"“"}.recado-texto:after{content:"”"}.frente-icone{animation:none}}