html,body{height:100%;margin:0;padding:0;overflow:hidden}body{color:#082f49;-webkit-font-smoothing:antialiased;background:#cfeaff;font-family:Quicksand,Zen Maru Gothic,ui-rounded,Arial Rounded MT Bold,sans-serif}a{color:#0284c7;text-decoration:none}a:hover{color:#0369a1}::selection{color:#082f49;background:#7dd3fc}@media (pointer:fine){body,input{cursor:url(/images/cinnamoroll-cursor.png) 24 12,auto}button{cursor:url(/images/cinnamoroll-cursor.png) 24 12,pointer}}@keyframes yb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes yb-float-lg{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-18px)rotate(1deg)}}@keyframes yb-huh-pause{0%,to{transform:translateY(4px)rotate(-8deg)scale(.96)}18%{transform:translate(9px)translateY(-16px)rotate(11deg)scale(1.08)}34%,50%{transform:translate(9px)translateY(-16px)rotate(11deg)scale(1.08)}64%{transform:translateY(3px)rotate(-7deg)scale(.98)}78%{transform:translateY(-4px)rotate(4deg)scale(1.02)}}@keyframes yb-padoru-hop{0%,8%{transform:translate(0)translateY(0)rotate(0)rotateY(0)}20%{transform:translateX(calc(var(--travel) * .5)) translateY(-14px) rotate(4deg) rotateY(0deg)}32%,42%{transform:translateX(var(--travel)) translateY(0) rotate(0deg) rotateY(0deg)}50%{transform:translateX(var(--travel)) translateY(-2px) rotate(-3deg) rotateY(180deg)}62%{transform:translateX(calc(var(--travel) * .5)) translateY(-14px) rotate(-4deg) rotateY(180deg)}74%,92%{transform:translate(0)translateY(0)rotate(0)rotateY(180deg)}to{transform:translate(0)translateY(0)rotate(0)rotateY(0)}}@keyframes yb-drift-a{0%{transform:translate(-12%)}to{transform:translate(12%)}}@keyframes yb-drift-b{0%{transform:translate(10%)}to{transform:translate(-10%)}}@keyframes yb-pop{0%{opacity:0;filter:blur(6px);transform:scale(.82)translateY(18px)}70%{opacity:1;filter:blur();transform:scale(1.02)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes yb-stat-hint{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(2deg)scale(1.05)}}@keyframes yb-cute-reveal{0%{opacity:0;transform:translateY(16px)scale(.7)rotate(-6deg)}52%{opacity:1;transform:translateY(-4px)scale(1.08)rotate(3deg)}76%{transform:translateY(1px)scale(.97)rotate(-1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes yb-wish-travel{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-15deg)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(0)}78%{opacity:.92}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(.82) rotate(var(--rot))}}@keyframes yb-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes yb-blink{0%,91%,to{opacity:0}93%,97%{opacity:1}}@keyframes yb-error{0%{opacity:0;transform:translateY(-6px)scale(.96)}60%{transform:translate(4px)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes yb-cloud-rise{0%{transform:translateY(100%)}44%{transform:translateY(0)}56%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes yb-cloud-fall{0%{transform:translateY(-100%)}44%{transform:translateY(0)}56%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes yb-curtain-l{0%{transform:translate(0)}to{transform:translate(-102%)}}@keyframes yb-curtain-r{0%{transform:translate(0)}to{transform:translate(102%)}}@keyframes yb-valance{0%{transform:translateY(0)}to{transform:translateY(-104%)}}@keyframes yb-hint{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}@keyframes yb-ring{0%{opacity:.75;transform:scale(.9)}to{opacity:0;transform:scale(1.55)}}@keyframes yb-particle{0%,to{transform:translate(0,0)rotate(-5deg)}50%{transform:translate3d(var(--dx), -34px, 0) rotate(9deg)}}@keyframes yb-confetti{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--cx), var(--cy)) scale(1.1) rotate(var(--cr))}}@keyframes yb-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes yb-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}45%{transform:rotate(6deg)}70%{transform:rotate(-3deg)}}@keyframes yb-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes yb-shine{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(320%)skew(-18deg)}}@keyframes yb-burst-out{0%{opacity:0;transform:translate(var(--fx), var(--fy)) scale(.12) rotate(0deg)}45%{opacity:1}to{opacity:1;transform:translate(0, 0) scale(1) rotate(var(--fr))}}@keyframes yb-twinkle{0%,to{transform:scale(1);box-shadow:0 0 0 6px #fde68a80,0 20px 40px -18px #b453098c}50%{transform:scale(1.09);box-shadow:0 0 0 14px #fde68a47,0 22px 44px -18px #b4530999}}@keyframes yb-fly-r{0%{transform:translate(-34vw)}to{transform:translate(112vw)}}@keyframes yb-fly-l{0%{transform:translate(112vw)}to{transform:translate(-34vw)}}@keyframes yb-ticket-wiggle{0%,to{transform:rotate(0)}35%{transform:rotate(-1.1deg)translateY(-2px)}70%{transform:rotate(.8deg)translateY(-1px)}}@keyframes yb-heart-up{0%{opacity:0;transform:translate(0)scale(.5)rotate(0)}14%{opacity:1;transform:translateY(-22px)scale(1.12)rotate(0)}to{opacity:0;transform:translate(var(--hx), -240px) scale(.9) rotate(var(--hr))}}@keyframes yb-chat-in{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes yb-trail{0%{opacity:.78;transform:translate(-50%,-50%)scale(.65)}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% - 22px)) scale(1.05)}}.yb-fly{white-space:nowrap;color:#082f49d9;pointer-events:none;background:#ffffffb8;border-radius:14px 14px 14px 4px;align-items:baseline;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;display:flex;position:absolute;left:0;box-shadow:0 8px 18px -12px #0284c780}.yb-heart{pointer-events:none;animation:1.7s cubic-bezier(.22,.7,.3,1) both yb-heart-up;position:absolute;bottom:0;right:0}.yb-particle{opacity:.38;filter:saturate(.7);pointer-events:none;animation:ease-in-out infinite yb-particle;display:block;position:absolute}.yb-confetti{pointer-events:none;animation:1.9s cubic-bezier(.15,.7,.25,1) both yb-confetti;position:absolute}.yb-trail{z-index:60;pointer-events:none;background:#ffffffe6;border-radius:9999px;width:22px;height:8px;animation:.7s cubic-bezier(.16,1,.3,1) both yb-trail;position:fixed;box-shadow:0 3px 9px #0ea5e92e}.yb-trail:before,.yb-trail:after{content:"";background:inherit;border-radius:9999px;position:absolute}.yb-trail:before{width:10px;height:10px;top:-5px;left:3px}.yb-trail:after{width:14px;height:14px;top:-8px;right:2px}.yb-wish-trail{z-index:60;pointer-events:none;width:0;height:0;position:fixed}.yb-wish-spark{color:#fcd34d;text-shadow:0 3px 8px #0284c74d;animation:yb-wish-travel .7s var(--delay) cubic-bezier(.16, 1, .3, 1) both;font-size:18px;font-weight:900;line-height:1;display:block;position:absolute;top:0;left:0}.yb-wish-spark:nth-child(2n){color:#38bdf8;font-size:13px}.yb-chat-line{justify-content:flex-end;width:100%;display:flex}.yb-chat-bubble{color:#082f49;background:#fffffff2;border-radius:14px 14px 4px;align-self:flex-end;align-items:baseline;gap:6px;width:fit-content;max-width:100%;padding:9px 14px;font-size:14px;font-weight:600;line-height:1.4;animation:.42s cubic-bezier(.16,1.2,.3,1) both yb-chat-in;display:inline-flex;box-shadow:0 10px 22px -12px #0284c7b3}.yb-chat-bubble>b{color:#0284c7;flex-shrink:0;font-weight:700}.yb-stat-card-inner{transition:transform .76s cubic-bezier(.16,1,.3,1)}.yb-stat-card.is-flipped .yb-stat-card-inner{transform:rotateX(180deg)}.yb-stat-face{backface-visibility:hidden}.yb-stat-face-back{transform:rotateX(180deg)}.yb-stat-card:hover{filter:brightness(1.04)}.yb-stat-card:active{filter:brightness(.98)}.yb-stat-hint{z-index:2;color:#075985;white-space:nowrap;outline-offset:-1px;pointer-events:none;background:#fff;border-radius:9999px;outline:1px solid #bae6fd;padding:10px 15px;font-size:12px;font-weight:900;line-height:1.2;animation:1.3s ease-in-out infinite yb-stat-hint;position:absolute;top:24px;left:calc(100% + 14px);box-shadow:0 14px 28px -16px #0284c7bf}.yb-stat-hint:before{content:"👆";font-size:24px;position:absolute;top:50%;left:-25px;transform:translateY(-50%)rotate(-12deg)}.yb-name-input:focus{outline-offset:-3px;background:#fff;outline:3px solid #38bdf8}.yb-name-input:focus::placeholder{color:#0000}.yb-cta:hover{background:#0284c7;transform:translateY(-3px)scale(1.015)}.yb-cta:active{transform:translateY(0)scale(.975)}.yb-heart-btn:hover{transform:scale(1.09)}.yb-heart-btn:active{transform:scale(.86)}.yb-polaroid-btn:hover{transform:rotate(-1deg)scale(1.025)}.yb-unlock-btn:hover{transform:translateY(-4px)scale(1.02)}.yb-unlock-btn:active{transform:scale(.98)}.yb-msg-btn:hover{transform:translateY(-5px)scale(1.02)}.yb-wish-btn:hover{transform:scale(1.16)}.yb-wish-btn:active{transform:scale(.94)}.yb-gift-btn:hover{transform:translateY(-6px)scale(1.03)}.yb-gift-btn:active{transform:scale(.97)}.yb-again-btn:hover{transform:translateY(-2px)}.yb-again-btn:active{transform:scale(.97)}.yb-birthday-ticket:after{content:"";pointer-events:none;border:1px dashed #b4530947;border-radius:11px;position:absolute;inset:10px}.yb-birthday-ticket:hover{animation:.42s ease-in-out yb-ticket-wiggle}.yb-back-btn:hover:not(:disabled){transform:translateY(-2px)}.yb-back-btn:active:not(:disabled){transform:scale(.97)}.yb-back-btn:disabled{opacity:.45;cursor:not-allowed}.yb-next-btn:hover{background:#0284c7;transform:translateY(-3px)}.yb-next-btn:active{transform:translateY(0)scale(.97)}.yb-music-btn:hover{background:#0284c7;transform:scale(1.07)}.yb-music-btn:active{transform:scale(.94)}.yb-curtain-cta:hover{background:#0284c7}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #0369a1}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
