.henna-motion{--henna-light:#ffd78c}.henna-motion .birthday-confetti,.henna-motion .birthday-wish-ring{display:none}
.henna-motion .birthday-dawn{background:radial-gradient(ellipse at 50% 25%,#e1aa4f55,transparent 65%)}
.henna-motion .birthday-paper-gate{background:linear-gradient(95deg,var(--oc-paper),color-mix(in srgb,var(--oc-ink) 14%,var(--oc-paper)),var(--oc-paper))}.henna-motion .birthday-paper-gate:before{border-radius:160px 160px 5px 5px;border-style:double;border-width:3px}.henna-motion .birthday-paper-gate>span{font-size:88px}
.henna-lantern{position:absolute;z-index:5;pointer-events:none;transform-origin:50% 0;opacity:0;will-change:transform,opacity}.henna-lantern>img{width:100%;height:100%;object-fit:contain;filter:brightness(.65)}
.henna-lantern.lantern-0{left:-3%;top:-8%;width:28%;height:42%}.henna-lantern.lantern-1{right:-4%;top:-4%;width:25%;height:39%}.henna-lantern.lantern-2{left:41%;top:-13%;width:18%;height:34%}
.henna-lantern>i{position:absolute;left:30%;top:56%;width:43%;height:30%;border-radius:50%;background:radial-gradient(ellipse,#ffdf9688,#ffd17a33 40%,transparent 70%);mix-blend-mode:screen;opacity:0}
.henna-roses{position:absolute;z-index:4;bottom:5%;width:43%;height:29%;opacity:0;pointer-events:none;transform-origin:center bottom}.henna-roses>img{width:100%;height:100%;object-fit:contain}.roses-0{left:-13%;transform:rotate(-17deg)}.roses-1{right:-13%;transform:scaleX(-1) rotate(-17deg)}
.henna-ink-veil{position:absolute;inset:0;width:100%;height:100%;z-index:6;opacity:0;pointer-events:none}.henna-drawn-pattern path,.henna-drawn-pattern circle{stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;stroke-linejoin:round}.henna-palm-ink{stroke:var(--oc-ink);stroke-width:1.7}.henna-ink-beads>circle{opacity:0;transform-box:fill-box;transform-origin:center}
.oc-playing .henna-lantern{animation:henna-lantern-arrive 2.4s ease both,henna-lantern-sway 5.6s ease-in-out infinite alternate;animation-delay:calc(.5s + var(--i)*.7s),calc(2.9s + var(--i)*.7s)}
.oc-playing .henna-lantern>img{animation:henna-lantern-light 2s ease both;animation-delay:calc(1.1s + var(--i)*.65s)}.oc-playing .henna-lantern>i{animation:henna-lantern-glow 2.8s ease-in-out infinite alternate;animation-delay:calc(1.3s + var(--i)*.65s)}
.oc-playing .henna-roses.roses-0{animation:henna-roses-left 4.6s cubic-bezier(.2,.6,.25,1) 1.4s both}.oc-playing .henna-roses.roses-1{animation:henna-roses-right 4.6s cubic-bezier(.2,.6,.25,1) 1.9s both}
.oc-playing .henna-ink-veil{animation:henna-ink-stage 7.1s ease 2s both}.oc-playing .henna-drawn-pattern path{animation:henna-ink-draw 3.8s ease both;animation-delay:calc(2.4s + var(--i,0)*.07s)}.oc-playing .henna-drawn-pattern circle{animation:henna-ink-draw 3s ease 3.8s both}.oc-playing .henna-ink-beads>circle{animation:henna-ink-bead .7s ease both;animation-delay:calc(4.6s + var(--i)*.07s)}
.henna-rosette .birthday-petals i{background:radial-gradient(at 25% 15%,#e7b7bc,#8d344b 70%)}
.birthday-ambient.henna-motion .henna-lantern{opacity:.75;animation:henna-lantern-sway 9s ease-in-out infinite alternate}.birthday-ambient.henna-motion .henna-lantern>img{filter:none}.birthday-ambient.henna-motion .henna-lantern>i{opacity:.25}.birthday-ambient.henna-motion .henna-roses{opacity:.65}
@keyframes henna-lantern-arrive{from{opacity:0;transform:translateY(-35%) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes henna-lantern-sway{from{transform:rotate(-2.8deg)}to{transform:rotate(2.8deg)}}
@keyframes henna-lantern-light{from{filter:brightness(.5)}to{filter:brightness(1.06) drop-shadow(0 0 6px #e8b56855)}}
@keyframes henna-lantern-glow{from{opacity:.15;transform:scale(.9)}to{opacity:.85;transform:scale(1.1)}}
@keyframes henna-roses-left{from{opacity:0;transform:translate(-25%,30%) rotate(-27deg) scale(.65)}to{opacity:.9;transform:translate(0,0) rotate(-17deg) scale(1)}}
@keyframes henna-roses-right{from{opacity:0;transform:translate(25%,30%) scaleX(-1) rotate(-27deg) scale(.65)}to{opacity:.9;transform:translate(0,0) scaleX(-1) rotate(-17deg) scale(1)}}
@keyframes henna-ink-stage{0%{opacity:0;transform:translateY(10px) scale(.93)}18%,70%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px) scale(1.02)}}
@keyframes henna-ink-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes henna-ink-bead{from{opacity:0;transform:scale(.1)}to{opacity:.75;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.henna-motion *{animation:none!important;transition:none!important}.henna-motion .henna-ink-veil{display:none}.henna-motion .henna-lantern{opacity:.7;transform:none}.henna-motion .henna-roses{opacity:.65}}