.family-pass{position:relative;margin:0 0 32px;padding:22px 14px;border:1px solid var(--accent-color);border-radius:18px;background:#ffffff55;color:var(--confirm-text)}.family-pass small{display:block;font:10px Arial,sans-serif;letter-spacing:2px}.family-pass strong{display:block;font:700 26px/1.25 Georgia,serif;margin:10px 0}.family-pass>span{display:inline-block;border-radius:30px;padding:7px 18px;border:1px solid var(--accent-color);font:700 12px Arial,sans-serif}.family-pass p{font:13px/1.5 Arial,sans-serif;margin:15px 0 0}.confirm button:disabled{opacity:.65}
.scene{transition:opacity .8s ease,transform .8s ease}.scene.scene-pending{opacity:0;transform:translateY(22px)}.scene.scene-visible{opacity:1;transform:none}.opening{filter:brightness(1.06)}
#petals[data-effect=none]{display:none}#petals[data-effect=sparkles] i{background:var(--petal-color);height:var(--size);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);border-radius:0;filter:drop-shadow(0 0 5px var(--petal-color))}
#petals[data-effect=butterflies] i{background:none;box-shadow:none;border-radius:0;width:calc(var(--size)*1.6);height:calc(var(--size)*1.3)}#petals[data-effect=butterflies] i:before,#petals[data-effect=butterflies] i:after{content:'';position:absolute;top:0;width:50%;height:100%;background:var(--petal-color);border-radius:65% 70% 35% 65%;transform-origin:right center;animation:wing 1.2s ease-in-out infinite alternate}#petals[data-effect=butterflies] i:after{left:50%;border-radius:70% 65% 65% 35%;transform-origin:left center;animation-delay:-.6s}@keyframes wing{to{transform:scaleX(.4)}}
@media(prefers-reduced-motion:reduce){.scene,.envelope,.envelope button{animation:none!important;transition:none!important}.scene.scene-pending{opacity:1;transform:none}#petals{display:none!important}}
.alert-error{border:1px solid #ad3549;color:#78283b;background:#fff0f1;border-radius:12px;padding:15px;margin:12px 0;line-height:1.5}
.envelope.opening{animation:openingReveal .7s cubic-bezier(.2,.7,.2,1) forwards;transform-origin:50% 45%}@keyframes openingReveal{0%{opacity:1;transform:scale(1);filter:brightness(1)}65%{opacity:.55;filter:brightness(1.16)}100%{opacity:0;transform:scale(1.06);filter:brightness(1.2)}}
[data-preview="1"] #share{display:none}
#petals[data-effect=butterflies] i:before{clip-path:polygon(100% 50%,75% 6%,28% 0,0 22%,5% 48%,34% 59%,5% 76%,22% 100%,58% 99%,100% 58%)}#petals[data-effect=butterflies] i:after{clip-path:polygon(0 50%,25% 6%,72% 0,100% 22%,95% 48%,66% 59%,95% 76%,78% 100%,42% 99%,0 58%)}