*{box-sizing:border-box}:root{color:#742546;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff6fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}.birthday-world{isolation:isolate;background:radial-gradient(circle at 50% 72%,#ff77ac38,#0000 30%),radial-gradient(circle at 17% 21%,#fffffff2,#0000 24%),radial-gradient(circle at 82% 17%,#ffadd159,#0000 29%),linear-gradient(135deg,#fffdfd 0%,#fff2f8 46%,#ffe2ef 100%);min-height:100vh;position:relative;overflow:hidden}.birthday-world:before{z-index:0;content:"";opacity:.42;background-color:#0000;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#ffffff3d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#0000 72%)}.birthday-world:after{z-index:1;pointer-events:none;content:"";background:radial-gradient(circle,#0000 0% 54%,#82264b14 100%),linear-gradient(#ffffff4d,#0000 40%,#ff8dbb1f);position:absolute;inset:0}.scene-layer{z-index:2;cursor:pointer;touch-action:manipulation;position:absolute;inset:0}.scene-layer canvas{outline:none}.ambient{z-index:1;aspect-ratio:1;pointer-events:none;filter:blur(3px);opacity:.65;border-radius:50%;width:min(38vw,26rem);animation:7s ease-in-out infinite breathe;position:absolute}.ambient-one{background:radial-gradient(circle,#ffffffeb,#ff91be24 63%,#0000 70%);top:11vh;left:max(-8rem,-8vw)}.ambient-two{background:radial-gradient(circle,#ff9bca47,#ffffff75 56%,#0000 72%);animation-delay:-2.8s;bottom:4vh;right:max(-9rem,-10vw)}.petal-field{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.petal-field span{top:-8vh;left:var(--x);width:var(--size);height:calc(var(--size) * 1.55);transform:rotate(var(--spin-start));animation:petal-drift var(--duration) linear infinite;animation-delay:var(--delay);background:#e0468161;border-radius:80% 0;position:absolute;box-shadow:0 8px 22px #cd3a6f29}.message-layer{z-index:5;pointer-events:none;text-align:center;align-content:start;justify-items:center;gap:clamp(.5rem,1.2vw,.78rem);width:min(100% - clamp(2rem,8vw,7rem),47rem);min-height:100vh;margin:0 auto;padding-top:clamp(1.45rem,6vh,4.3rem);display:grid;position:relative}.kicker{color:#8b244f;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff9e;border:1px solid #8b244f33;border-radius:999px;margin:0;padding:.42rem .78rem;font-size:clamp(.72rem,1.4vw,.84rem);font-weight:800;box-shadow:0 14px 34px #c1497b1f}.message-layer h1{color:#732240;letter-spacing:0;text-wrap:balance;text-shadow:0 2px #ffffffb3,0 18px 44px #b145722e;max-width:15ch;margin:0;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(2.35rem,6vw,5.35rem);font-weight:700;line-height:.98}.caption{color:#5d2038;text-wrap:pretty;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff94;border-radius:999px;max-width:min(36rem,100%);margin:0;padding:.68rem 1.05rem;font-size:clamp(.98rem,1.9vw,1.16rem);font-weight:600;line-height:1.58;box-shadow:0 16px 42px #c1497b24}.soft-hint{z-index:5;color:#782845;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff94;border:1px solid #8b244f2e;border-radius:999px;margin:0;padding:.55rem .82rem;font-size:clamp(.78rem,1.6vw,.92rem);font-weight:800;line-height:1;position:absolute;bottom:clamp(1rem,4vh,2.7rem);right:clamp(1.1rem,4vw,3.5rem);box-shadow:0 12px 34px #a9376826}.name-in-scene,.scene-whisper{white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block}.name-in-scene{color:#8b244f;letter-spacing:0;text-shadow:0 2px #fff,0 18px 38px #b145723d;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(1.9rem,5vw,3.7rem);font-weight:700;line-height:1}.scene-whisper{color:#9b315d;letter-spacing:.12em;text-shadow:0 1px #fff;font-size:clamp(.62rem,1.4vw,.84rem);font-weight:900}.is-revealed .birthday-world,.birthday-world.is-revealed{background:radial-gradient(circle at 50% 68%,#ff569747,#0000 32%),radial-gradient(circle at 17% 21%,#fffffff2,#0000 24%),radial-gradient(circle at 82% 17%,#ffadd16b,#0000 29%),linear-gradient(135deg,#fff 0%,#fff1f8 42%,#ffd8ea 100%)}@keyframes breathe{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(1.6rem,-.7rem)scale(1.08)}}@keyframes petal-drift{0%{opacity:0;transform:translateY(-10vh)rotate(0)}12%{opacity:.7}86%{opacity:.58}to{transform:translate3d(var(--sway), 114vh, 0) rotate(var(--spin-end));opacity:0}}@media (width<=760px){.message-layer{width:min(100% - 1.5rem,34rem);padding-top:clamp(1rem,4.5vh,2.2rem)}.message-layer h1{max-width:12ch;font-size:clamp(2.15rem,12vw,3.85rem)}.caption{border-radius:1.3rem;padding:.66rem .86rem;font-size:clamp(.94rem,3.5vw,1.06rem)}.soft-hint{left:50%;right:auto;bottom:max(.9rem, env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 2rem);translate:-50%}.ambient{width:18rem}}@media (height<=650px){.message-layer{padding-top:.85rem}.message-layer h1{font-size:clamp(1.9rem,8vh,3.15rem)}.caption{max-width:34rem;padding-block:.5rem}}