.tpl-be-yeu{--t-radius: 30px}.by-cover{background:radial-gradient(80% 40% at 50% 0%,color-mix(in srgb,var(--t-accent) 45%,transparent),transparent 70%),radial-gradient(100% 46% at 50% 100%,color-mix(in srgb,var(--t-primary) 22%,transparent),transparent 70%)}.by-cover>*:not(.by-cloud):not(.by-star):not(.by-moon):not(.inv-cover__scroll){position:relative;z-index:1}.by-moon{position:absolute;top:38px;right:34px;width:58px;height:58px;border-radius:50%;box-shadow:inset -16px 6px 0 0 var(--t-accent);transform:rotate(-24deg);animation:by-bob 6s ease-in-out infinite}.by-cloud{position:absolute;width:120px;height:38px;border-radius:999px;background:#fff;opacity:.92;filter:drop-shadow(0 10px 14px color-mix(in srgb,var(--t-primary) 22%,transparent));animation:by-drift 14s ease-in-out infinite alternate}.by-cloud:before,.by-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.by-cloud:before{width:52px;height:52px;left:18px;top:-24px}.by-cloud:after{width:40px;height:40px;right:22px;top:-16px}.by-cloud--a{top:92px;left:-30px}.by-cloud--b{top:44%;right:-44px;scale:.8;animation-duration:18s}.by-cloud--c{bottom:96px;left:-20px;scale:.66;animation-duration:16s}.by-star{position:absolute;width:16px;height:16px;color:var(--t-accent);animation:by-twinkle 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.45s)}.by-star svg{width:100%;height:100%;fill:currentColor}.by-star:nth-of-type(odd){color:var(--t-primary);width:11px;height:11px}@keyframes by-twinkle{0%,to{opacity:.25;scale:.7}50%{opacity:1;scale:1.15}}@keyframes by-drift{to{translate:34px 0}}@keyframes by-bob{0%,to{translate:0 0}50%{translate:0 -8px}}.by-photo{width:210px;height:210px;margin:18px auto 0;border-radius:50%;padding:8px;background:#fff;box-shadow:0 0 0 2px var(--t-line),0 0 0 14px color-mix(in srgb,var(--t-primary) 12%,transparent),0 30px 40px -26px var(--t-primary);display:grid;place-items:center;font-family:var(--t-font-script);font-size:70px;color:var(--t-primary)}.by-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 28%;border-radius:50%}.by-badge{margin-top:-18px;padding:7px 18px;border-radius:999px;background:var(--t-primary);color:var(--t-primary-ink);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 18px -10px var(--t-primary);rotate:-3deg}.tpl-be-yeu .by-name{font-family:var(--t-font-script);font-weight:700;font-size:64px;color:var(--t-primary);margin-top:14px}.tpl-be-yeu .inv-open__names{font-family:var(--t-font-script);font-weight:700;font-size:52px;color:var(--t-primary)}.tpl-be-yeu .inv-title{font-weight:700;font-size:27px;letter-spacing:-.01em}.tpl-be-yeu .inv-when__day strong,.tpl-be-yeu .inv-count__num,.tpl-be-yeu .inv-cover__date strong,.tpl-be-yeu .inv-venue__name,.tpl-be-yeu .inv-tl__title{font-weight:700}.tpl-be-yeu .inv-count__cell{border-radius:50% 50% 46% 54%/56% 52% 48% 44%;aspect-ratio:1;display:grid;place-content:center;padding:0;box-shadow:0 14px 22px -16px var(--t-primary)}.tpl-be-yeu .inv-count__num{font-size:27px}.tpl-be-yeu .inv-count__label{font-size:11px}.tpl-be-yeu .inv-sec--event,.tpl-be-yeu .inv-sec--album,.tpl-be-yeu .inv-sec--guestbook{background:color-mix(in srgb,var(--t-primary) 8%,transparent);border-radius:44px;margin:0 10px}.tpl-be-yeu .inv-sec--album{margin:0;border-radius:0}.tpl-be-yeu .inv-footer__thanks{font-weight:700}.by-open{display:block;background:none}.by-open:before,.by-open:after{content:"";position:absolute;top:0;bottom:0;width:calc(50% - min(50%,var(--stage) / 2));background:var(--t-backdrop);transition:opacity .8s ease 2.25s}.by-open:before{left:0}.by-open:after{right:0}.by-open.is-opening:before,.by-open.is-opening:after{opacity:0}.by-open__stage{position:absolute;top:0;bottom:0;left:50%;width:min(100%,var(--stage));margin-left:calc(min(100%,var(--stage))/-2);overflow:hidden}.by-open__sky{position:absolute;inset:0;background:radial-gradient(70% 36% at 50% 30%,color-mix(in srgb,var(--t-accent) 36%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--t-primary) 24%,var(--t-backdrop)) 0%,color-mix(in srgb,var(--t-accent) 18%,var(--t-bg)) 58%,var(--t-bg) 100%)}.by-open.is-opening .by-open__sky{transition:opacity .2s linear 2.2s;opacity:0}.by-open__twinkle{position:absolute;width:12px;height:12px;color:#fff;animation:by-twinkle 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.4s)}.by-open__twinkle:nth-child(3n){width:16px;height:16px;color:var(--t-accent)}.by-open__twinkle svg{width:100%;height:100%;fill:currentColor;filter:drop-shadow(0 0 4px rgb(255 255 255 / .8))}.by-open.is-opening .by-open__twinkle{animation-duration:.9s}.by-open__text{position:absolute;z-index:2;left:0;right:0;bottom:calc(27% + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 28px;text-align:center}.by-open__name{margin:0;font-family:var(--t-font-script);font-size:50px;font-weight:700;line-height:1.2;color:var(--t-primary);text-shadow:0 2px 0 #fff}.by-open__milestone{padding:5px 14px;border-radius:999px;background:#fff;color:var(--t-primary);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 18px -12px color-mix(in srgb,var(--t-primary) 70%,transparent)}.by-open__bottom{position:absolute;z-index:2;left:0;right:0;bottom:calc(5% + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 24px;text-align:center}.by-open__date{font-size:14px;font-weight:700;letter-spacing:.3em;color:var(--t-ink)}.by-open.is-opening .by-open__text,.by-open.is-opening .by-open__bottom{animation:by-fade .5s ease-in 1.5s forwards;pointer-events:none}@keyframes by-fade{to{opacity:0;translate:0 10px}}.by-open__mobile{position:absolute;z-index:3;left:50%;top:0;width:300px;height:62%;padding:0;border:0;background:none;cursor:pointer;translate:-50% 0;perspective:700px;-webkit-tap-highlight-color:transparent}.by-open__mobile:focus-visible{outline:1px solid var(--t-primary);outline-offset:-6px;border-radius:24px}.by-open__cord{position:absolute;left:50%;top:0;width:1.5px;height:38%;margin-left:-.75px;background:color-mix(in srgb,var(--t-ink) 35%,transparent)}.by-open__cord:after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--t-accent);box-shadow:0 0 0 3px #fff}.by-open__sway{position:absolute;left:50%;top:38%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-22deg);animation:by-sway 5s ease-in-out infinite}@keyframes by-sway{0%,to{rotate:y -16deg}50%{rotate:y 16deg}}.by-open__ring{position:absolute;left:0;top:0;transform-style:preserve-3d}.by-open__ring:before{content:"";position:absolute;left:-118px;top:-118px;width:236px;height:236px;border-radius:50%;border:3px solid var(--t-primary);box-shadow:0 0 0 2px #fff;transform:rotateX(90deg)}.by-open__charm{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:rotateY(calc(var(--i) * 72deg)) translateZ(118px)}.by-open__charm:before{content:"";position:absolute;left:-.5px;top:0;width:1px;height:var(--len);background:color-mix(in srgb,var(--t-ink) 40%,transparent)}.by-open__charm i{position:absolute;left:-26px;top:var(--len);display:grid;place-items:center;width:52px;height:52px;transform-origin:50% -30px;animation:by-charm 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s)}@keyframes by-charm{50%{rotate:8deg}}.by-open__charm svg{width:46px;height:46px;fill:var(--t-accent);stroke:#fff;stroke-width:1.2}.by-open__charm--heart svg{width:38px;height:38px;fill:var(--t-primary)}.by-open__charm--moon i:before{content:"";width:46px;height:46px;border-radius:50%;box-shadow:inset -15px 5px 0 0 var(--t-accent);transform:rotate(-24deg)}.by-open__charm--cloud i:before{content:"";scale:1.3;width:38px;height:16px;margin-top:10px;border-radius:999px;background:#fff;box-shadow:5px -9px #fff,-8px -5px 0 -3px #fff;filter:drop-shadow(0 3px 4px color-mix(in srgb,var(--t-primary) 35%,transparent))}.by-open.is-opening .by-open__mobile{pointer-events:none;animation:by-lift .8s cubic-bezier(.55,0,.75,.3) 1.6s forwards}@keyframes by-lift{to{translate:-50% -70vh;opacity:0}}.by-open.is-opening .by-open__sway{animation-play-state:paused}.by-open.is-opening .by-open__ring{animation:by-spin 1.9s cubic-bezier(.45,.05,.4,1) forwards}@keyframes by-spin{to{rotate:y -360deg}}.by-open.is-opening .by-open__charm i{animation:by-glow .7s ease-out calc(.2s + var(--i) * .3s) forwards}@keyframes by-glow{40%{scale:1.25}to{scale:1.1;filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 6px var(--t-accent))}}.by-open__bank{--cloud: color-mix(in srgb, var(--t-primary) 6%, #fff);position:absolute;z-index:4;top:-6%;bottom:-6%;width:50%;background:var(--cloud);will-change:transform}.by-open__bank i{position:absolute;width:var(--s);height:var(--s);margin-top:calc(var(--s) / -2);border-radius:50%;background:var(--cloud)}.by-open__bank--l{left:0;translate:calc(-100% - 100px) 0}.by-open__bank--l i{right:calc(var(--s) / -2 + var(--o))}.by-open__bank--r{--cloud: color-mix(in srgb, var(--t-accent) 10%, #fff);right:0;translate:calc(100% + 100px) 0}.by-open__bank--r i{left:calc(var(--s) / -2 + var(--o))}.by-open.is-opening .by-open__bank--l{animation:by-bank-in-l .5s cubic-bezier(.2,.7,.3,1) 1.7s forwards,by-bank-out-l .85s cubic-bezier(.3,.4,.3,1) 2.25s forwards}.by-open.is-opening .by-open__bank--r{animation:by-bank-in-r .5s cubic-bezier(.2,.7,.3,1) 1.7s forwards,by-bank-out-r .85s cubic-bezier(.3,.4,.3,1) 2.25s forwards}@keyframes by-bank-in-l{to{translate:0 0}}@keyframes by-bank-in-r{to{translate:0 0}}@keyframes by-bank-out-l{0%{translate:0 0}to{translate:calc(-100% - 120px) 0;scale:1.1}}@keyframes by-bank-out-r{0%{translate:0 0}to{translate:calc(100% + 120px) 0;scale:1.1}}@media(max-height:720px){.by-open__mobile{height:50%;scale:.86;transform-origin:50% 0}.by-open__name{font-size:42px}.by-open__text{bottom:calc(25% + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.by-open__twinkle,.by-open__sway,.by-open__charm i,.by-open.is-opening .by-open__ring,.by-open.is-opening .by-open__bank--l,.by-open.is-opening .by-open__bank--r{animation:none}}