@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--joy-red:#c9483e;--joy-red-dark:#91332f;--joy-coral:#eb796a;--joy-peach:#f3b198;--joy-cream:#fff7e7;--joy-paper:#fffaf0;--joy-gold:#c48f43;--joy-gold-light:#f0d494;--joy-jade:#648e7e;--joy-ink:#4a2c29;--joy-muted:#89625b;--joy-serif:"Noto Serif SC","Songti SC",serif;--joy-display:"DM Serif Display","Noto Serif SC",serif}*{box-sizing:border-box}html,body,#root{background:#f5e6d2;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body,button,input{color:var(--joy-ink);font-family:var(--joy-serif)}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.joy-app{width:100%;height:100svh;min-height:590px;color:var(--joy-ink);isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle at 60% 43%,#fffdeefa 0 9%,#fff5e0d1 28%,#0000 53%),linear-gradient(145deg,#fcebd7 0%,#f4cfb1 45%,#eca48f 100%);position:relative;overflow:hidden}.joy-paper-texture{z-index:1;opacity:.32;mix-blend-mode:multiply;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#7444322b 0 .7px,#0000 1px),radial-gradient(circle at 75% 62%,#7444321c 0 .65px,#0000 1px);background-size:19px 19px,27px 27px;position:absolute;top:0;bottom:0;left:0;right:0}.joy-app:before,.joy-app:after{z-index:2;content:"";opacity:.72;pointer-events:none;filter:drop-shadow(0 12px 18px #70352817);background:radial-gradient(at 30% 15%,#f8dca2 0 7%,#0000 7.5%),radial-gradient(at 66% 28%,#d86759 0 8%,#0000 8.5%),radial-gradient(at 34% 43%,#fff1d3 0 6%,#0000 6.5%),radial-gradient(at 72% 61%,#d75a51 0 9%,#0000 9.5%),radial-gradient(at 30% 78%,#f4c37d 0 8%,#0000 8.5%),linear-gradient(90deg,#9c342f52,#0000);width:13%;position:absolute;top:-6%;bottom:-8%}.joy-app:before{left:0}.joy-app:after{right:0;transform:scaleX(-1)}.joy-title{z-index:30;grid-template-rows:auto 1fr auto;grid-template-columns:auto auto;column-gap:15px;height:46%;display:grid;position:absolute;top:5.5%;left:max(28px,min(4vw,70px))}.joy-title>span{color:var(--joy-muted);font-family:var(--joy-display);letter-spacing:.18em;writing-mode:horizontal-tb;grid-column:1/-1;margin-bottom:19px;font-size:8px}.joy-title h1{color:var(--joy-red-dark);letter-spacing:.06em;grid-row:2;margin:0;font-size:max(54px,min(5.4vw,82px));font-weight:500;line-height:1.06}.joy-title p{color:var(--joy-ink);letter-spacing:.15em;writing-mode:vertical-rl;grid-row:2;margin:8px 0 0;font-size:11px;line-height:2.25}.joy-title>i{color:#fff8e7;background:var(--joy-red);letter-spacing:.17em;border-radius:2px;grid-column:1/-1;width:max-content;margin-top:16px;padding:5px 8px;font-size:7px;font-style:normal}.joy-top-actions{z-index:50;top:max(18px,env(safe-area-inset-top));gap:8px;display:flex;position:absolute;right:max(20px,min(3vw,46px))}.joy-top-actions button{min-width:38px;height:38px;color:var(--joy-red-dark);letter-spacing:.08em;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#fff9ebab;border:1px solid #ffffffb3;border-radius:999px;place-items:center;padding:0 13px;font-size:8px;display:grid;box-shadow:0 10px 30px #5e312614}.joy-top-actions button svg{width:15px}.joy-top-actions .joy-invite-button{color:#fff9e9;background:#a23530e6;box-shadow:0 12px 30px #8d302b30}.joy-facts{z-index:35;color:var(--joy-muted);gap:7px;display:grid;position:absolute;bottom:25px;left:max(25px,min(3vw,48px))}.joy-facts>div{letter-spacing:.08em;align-items:center;gap:8px;font-size:8px;display:flex}.joy-facts svg{width:13px;color:var(--joy-red)}.joy-world{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.joy-world:before{content:"";background:repeating-linear-gradient(90deg,#7e4d360e 0 1px,#0000 1px 38px),linear-gradient(#efd8b8,#e6bd98);height:23%;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 7px 20px #884c330d}.joy-sun{opacity:.48;background:#f6cf7a;border-radius:50%;width:max(90px,min(10vw,150px));height:max(90px,min(10vw,150px));transition:opacity .7s,transform .9s;position:absolute;top:13%;right:19%;box-shadow:0 0 0 25px #f8d17e17,0 0 90px #f5b84c24}.stage-2 .joy-sun,.stage-3 .joy-sun,.stage-4 .joy-sun,.stage-5 .joy-sun,.stage-6 .joy-sun,.stage-7 .joy-sun,.stage-8 .joy-sun{opacity:.95;transform:scale(1.08)}.joy-cloud{opacity:.66;background:#fffae9b3;border-radius:999px;width:120px;height:28px;animation:9s ease-in-out infinite joyCloud;position:absolute}.joy-cloud:before,.joy-cloud:after{content:"";background:inherit;border-radius:50% 50% 0 0;position:absolute;bottom:0}.joy-cloud:before{width:48px;height:45px;left:18px}.joy-cloud:after{width:58px;height:58px;right:16px}.joy-cloud--one{top:22%;left:25%}.joy-cloud--two{animation-delay:-4s;bottom:30%;right:7%;transform:scale(.62)}@keyframes joyCloud{50%{translate:22px}}.joy-lantern{z-index:2;opacity:.26;background:repeating-linear-gradient(90deg,#a73531 0 9px,#c94c42 9px 18px);border-radius:45% 45% 42% 42%;width:84px;height:105px;transition:opacity .52s,transform .7s cubic-bezier(.22,1,.36,1),box-shadow .5s;position:absolute;top:8%;transform:translateY(-28px);box-shadow:inset 0 0 28px #56181940}.joy-lantern:before{content:"";background:#9b6b39;height:7px;position:absolute;bottom:100%;left:14px;right:14px}.joy-lantern:after{content:"";background:#a74639;width:2px;height:80px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.joy-lantern>i{background:#74452f61;width:1px;height:100px;position:absolute;top:-100px;left:50%}.joy-lantern>b{color:#f7d98f;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joy-lantern--left{left:22%}.joy-lantern--right{right:7%;transform:translateY(-28px)scale(.75)}.stage-1 .joy-lantern,.stage-2 .joy-lantern,.stage-3 .joy-lantern,.stage-4 .joy-lantern,.stage-5 .joy-lantern,.stage-6 .joy-lantern,.stage-7 .joy-lantern,.stage-8 .joy-lantern{opacity:.94;transform:translateY(0);box-shadow:0 0 40px #ec79535c,inset 0 0 28px #56181936}.stage-1 .joy-lantern--right,.stage-2 .joy-lantern--right,.stage-3 .joy-lantern--right,.stage-4 .joy-lantern--right,.stage-5 .joy-lantern--right,.stage-6 .joy-lantern--right,.stage-7 .joy-lantern--right,.stage-8 .joy-lantern--right{transform:translateY(0)scale(.75)}.joy-window{z-index:2;opacity:0;background:linear-gradient(#afd8df 0 61%,#bbcf95 62%);border:12px solid #fff9e8e6;border-radius:44% 44% 4px 4px;width:24%;height:31%;transition:opacity .6s,transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:19%;right:18%;overflow:hidden;transform:translateY(18px)scale(.94);box-shadow:0 18px 40px #673b2a1f}.joy-window>i{z-index:2;background:repeating-linear-gradient(90deg,#c95147 0 14px,#df6858 14px 28px);width:54%;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0}.joy-window>i:first-child{border-radius:0 0 32px;left:0}.joy-window>i:nth-child(2){border-radius:0 0 0 32px;right:0}.joy-window>b{background:linear-gradient(90deg,#0000 48%,#fff9e8 48% 52%,#0000 52%),linear-gradient(#0000 48%,#fff9e8 48% 52%,#0000 52%);position:absolute;top:0;bottom:0;left:0;right:0}.stage-2 .joy-window,.stage-3 .joy-window,.stage-4 .joy-window,.stage-5 .joy-window,.stage-6 .joy-window,.stage-7 .joy-window,.stage-8 .joy-window{opacity:.78;transform:translateY(0)scale(1)}.stage-2 .joy-window>i:first-child,.stage-3 .joy-window>i:first-child,.stage-4 .joy-window>i:first-child,.stage-5 .joy-window>i:first-child,.stage-6 .joy-window>i:first-child,.stage-7 .joy-window>i:first-child,.stage-8 .joy-window>i:first-child{transform:translate(-74%)}.stage-2 .joy-window>i:nth-child(2),.stage-3 .joy-window>i:nth-child(2),.stage-4 .joy-window>i:nth-child(2),.stage-5 .joy-window>i:nth-child(2),.stage-6 .joy-window>i:nth-child(2),.stage-7 .joy-window>i:nth-child(2),.stage-8 .joy-window>i:nth-child(2){transform:translate(74%)}.joy-town{z-index:3;opacity:.42;width:37%;height:24%;transition:opacity .5s;position:absolute;bottom:17%;right:5%}.joy-town>i{background:#b96b4d47;border-radius:10px 10px 0 0;position:absolute;bottom:0}.joy-town>i:before{content:"";background:repeating-linear-gradient(90deg,#fff4da99 0 11px,#0000 11px 24px);position:absolute;top:14px;bottom:14px;left:10px;right:10px}.joy-town>i:first-child{width:25%;height:62%;left:3%}.joy-town>i:nth-child(2){background:#b1423d3d;width:32%;height:87%;left:31%}.joy-town>i:nth-child(3){width:31%;height:52%;right:3%}.joy-town>b{color:#fff5dd;background:var(--joy-jade);border-radius:5px;padding:6px 12px;font-size:9px;position:absolute;top:0;left:47%;transform:translate(-50%)}.stage-3 .joy-town,.stage-4 .joy-town,.stage-5 .joy-town,.stage-6 .joy-town,.stage-7 .joy-town,.stage-8 .joy-town{opacity:.78}.joy-car{z-index:8;opacity:0;width:210px;height:92px;transition:opacity .3s,transform .9s cubic-bezier(.22,1,.36,1);position:absolute;bottom:14.5%;right:20%;transform:translate(220px)}.joy-car>i{background:linear-gradient(#d75a50,#a93532);border-radius:40px 56px 14px 14px;height:52px;position:absolute;bottom:12px;left:0;right:0;box-shadow:inset 0 -8px #61171826,0 12px 22px #592b2429}.joy-car>i:after{content:"";background:linear-gradient(145deg,#dbe8e5,#8eb1b2);border:6px solid #b4423c;border-radius:60px 60px 0 0;width:103px;height:47px;position:absolute;top:-30px;left:50px}.joy-car>b{z-index:2;background:#d9c2a2;border:8px solid #443735;border-radius:50%;width:42px;height:42px;position:absolute;bottom:0}.joy-car>b:nth-child(2){left:30px}.joy-car>b:nth-child(3){right:24px}.joy-car>span{z-index:4;color:#f7d985;font-size:17px;position:absolute;top:35px;right:28px}.stage-3 .joy-car,.stage-4 .joy-car,.stage-5 .joy-car,.stage-6 .joy-car,.stage-7 .joy-car,.stage-8 .joy-car{opacity:1;transform:translate(0)}.is-dragging .joy-car>b,.is-auto .joy-car>b{animation:.42s linear infinite joyWheel}@keyframes joyWheel{to{transform:rotate(360deg)}}.joy-garden{z-index:9;height:15%;position:absolute;bottom:13%;left:17%;right:3%}.joy-garden>i{opacity:0;background:#d95d54;border-radius:46% 54% 42% 58%;width:58px;height:58px;transition:opacity .42s,transform .65s cubic-bezier(.2,1.45,.36,1);position:absolute;bottom:-35px;transform:scale(.2)rotate(-18deg);box-shadow:inset 12px 7px #ffb99747}.joy-garden>i:after{content:"";background:#f3ce7a;border-radius:50%;width:13px;height:13px;position:absolute;top:22px;left:23px}.joy-garden>i:first-child{left:2%}.joy-garden>i:nth-child(2){background:#f0a087;width:44px;height:44px;transition-delay:80ms;left:18%}.joy-garden>i:nth-child(3){background:#f4c879;transition-delay:.16s;left:36%}.joy-garden>i:nth-child(4){background:#fff0cf;width:48px;height:48px;transition-delay:.24s;right:34%}.joy-garden>i:nth-child(5){transition-delay:.32s;right:17%}.joy-garden>i:nth-child(6){background:#dd8d73;width:42px;height:42px;transition-delay:.4s;right:1%}.stage-4 .joy-garden>i,.stage-5 .joy-garden>i,.stage-6 .joy-garden>i,.stage-7 .joy-garden>i,.stage-8 .joy-garden>i{opacity:1;transform:scale(1)rotate(0)}.is-dragging .joy-garden>i:nth-child(odd),.is-auto .joy-garden>i:nth-child(odd){animation:1.4s ease-in-out infinite joyBloom}@keyframes joyBloom{50%{translate:0 -7px;rotate:5deg}}.joy-baby{z-index:14;opacity:0;background:#f4b996;border:5px solid #fff5de;border-radius:50%;width:72px;height:72px;transition:opacity .45s,transform .65s cubic-bezier(.2,1.45,.36,1);position:absolute;bottom:23%;right:16%;transform:translateY(30px)scale(.5);box-shadow:0 15px 30px #70352829}.joy-baby:before{content:"";background:#3b2825;border-radius:50% 50% 26% 24%;height:28px;position:absolute;top:-3px;left:5px;right:5px}.joy-baby>i,.joy-baby>b,.joy-baby>em{position:absolute}.joy-baby>b{background:#4c2d29;border-radius:50%;width:5px;height:6px;top:32px}.joy-baby>b:nth-child(2){left:18px}.joy-baby>b:nth-child(3){right:18px}.joy-baby>em{border:2px solid #a24845;border-top:0;border-radius:0 0 12px 12px;width:14px;height:7px;top:47px;left:50%;transform:translate(-50%)}.stage-5 .joy-baby,.stage-6 .joy-baby,.stage-7 .joy-baby,.stage-8 .joy-baby{opacity:1;transform:translateY(0)scale(1)}.is-dragging .joy-baby,.is-auto .joy-baby{animation:.85s ease-in-out infinite joyBaby}@keyframes joyBaby{50%{translate:0 -6px;rotate:-4deg}}.joy-family-photo{z-index:12;opacity:0;background:#fff9eb;width:min(24vw,330px);padding:8px 8px 27px;transition:opacity .6s,transform .85s cubic-bezier(.22,1,.36,1);position:absolute;top:17%;right:8%;transform:translate(45px,35px)rotate(9deg)scale(.72);box-shadow:0 26px 60px #5c302533}.joy-family-photo img{aspect-ratio:1.27;object-fit:cover;object-position:center 38%;filter:saturate(.9)brightness(1.05);width:100%}.joy-family-photo span{color:var(--joy-muted);letter-spacing:.12em;text-align:center;margin-top:9px;font-size:7px;display:block}.stage-6 .joy-family-photo,.stage-7 .joy-family-photo,.stage-8 .joy-family-photo{opacity:1;transform:translate(0)rotate(3deg)scale(1)}.joy-date-card{z-index:13;opacity:0;background:#fffaedeb;border:1px solid #c78e4057;min-width:240px;padding:20px 24px;transition:opacity .55s,transform .65s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:22%;right:8%;transform:translateY(28px)rotate(-2deg);box-shadow:0 22px 55px #5b312529}.joy-date-card:before{content:"";border:1px solid #c590433b;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.joy-date-card small{color:var(--joy-gold);font-family:var(--joy-display);letter-spacing:.18em;font-size:7px}.joy-date-card b{color:var(--joy-red);font-family:var(--joy-display);margin:3px 0;font-size:44px;line-height:1}.joy-date-card span{color:var(--joy-muted);font-size:8px}.stage-7 .joy-date-card,.stage-8 .joy-date-card{opacity:1;transform:translateY(0)rotate(-2deg)}.stage-7 .joy-family-photo,.stage-8 .joy-family-photo{width:min(18vw,240px);top:45%}.joy-particle{z-index:20;top:-24px;left:calc((var(--particle)*47px)%96%);opacity:0;background:var(--joy-red);border-radius:8px 0;width:7px;height:13px;position:absolute}.joy-particle:nth-child(3n){background:var(--joy-gold-light)}.joy-particle:nth-child(4n){background:var(--joy-jade)}.stage-8 .joy-particle{animation:joyConfetti calc(2.2s + (var(--particle)%5)*.18s)ease-out calc((var(--particle)%8)*80ms)infinite}@keyframes joyConfetti{0%{opacity:.9}to{opacity:.25;translate:calc((var(--particle)%3 - 1)*55px)105vh;rotate:540deg}}.joy-moment{z-index:30;width:min(25vw,340px);min-width:250px;position:absolute;bottom:10.5%;left:max(28px,min(4vw,70px))}.joy-moment>span{color:var(--joy-red);font-family:var(--joy-display);letter-spacing:.2em;font-size:8px;font-weight:600}.joy-moment h2{letter-spacing:.02em;min-height:68px;margin:9px 0 7px;font-size:max(23px,min(2.2vw,34px));font-weight:500;line-height:1.35}.joy-moment p{min-height:36px;color:var(--joy-muted);margin:0;font-size:9px;line-height:1.8}.joy-moment__line{background:#8e523e21;height:2px;margin-top:13px;overflow:hidden}.joy-moment__line i{background:linear-gradient(90deg,var(--joy-red),var(--joy-gold));height:100%;transition:width .16s;display:block}.joy-moment>small{color:var(--joy-gold);font-family:var(--joy-display);letter-spacing:.18em;margin-top:6px;font-size:7px;display:block}.joy-playground{z-index:25;place-items:center;display:grid;position:absolute;top:4%;bottom:9%;left:22%;right:17%}.joy-drum-zone{cursor:grab;touch-action:none;outline:0;place-items:center;width:min(49vw,620px);height:min(78vh,620px);display:grid;position:relative}.joy-drum-zone:active{cursor:grabbing}.joy-drum-zone:focus-visible:after{content:"";border:2px solid #c9483e85;border-radius:50%;position:absolute;top:9%;bottom:9%;left:9%;right:9%}.joy-orbit{pointer-events:none;border:1px dashed #a3583f29;border-radius:50%;position:absolute}.joy-orbit--outer{width:91%;height:91%}.joy-orbit--inner{opacity:.45;border-style:solid;width:63%;height:63%}.is-dragging .joy-orbit--outer,.is-auto .joy-orbit--outer{border-color:#c9483e59;animation:1.1s ease-in-out infinite orbitPulse}@keyframes orbitPulse{50%{opacity:.55;transform:scale(1.025)}}.joy-drum{filter:drop-shadow(0 24px 24px #632f252e);pointer-events:none;width:min(25vw,290px);min-width:220px;height:min(53vh,450px);min-height:340px;position:relative}.joy-drum__handle{z-index:1;background:linear-gradient(90deg,#8e5436,#d8995d 43%,#8d5034);border-radius:0 0 15px 15px;width:26px;position:absolute;top:47%;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 5px 0 #ffe2b02e,0 12px 18px #47281e26}.joy-drum__handle>i{background:#9d5d3c;border-radius:50%;height:16px;position:absolute;bottom:-3px;left:-4px;right:-4px}.joy-drum__rotor{z-index:3;aspect-ratio:1;width:100%;transform:translateX(-50%)rotate(var(--drum-turn));will-change:transform;position:absolute;top:8%;left:50%}.joy-drum__body{z-index:3;background:radial-gradient(circle,#ffffff61 0 2px,#0000 2.7px) 0 0/23px 23px,linear-gradient(145deg,#f6d99b,#eab96d);border:13px solid #bd463e;border-radius:50%;place-items:center;display:grid;position:absolute;top:11%;bottom:11%;left:11%;right:11%;overflow:hidden;box-shadow:inset 0 0 0 5px #f9ebc4,inset 0 0 35px #99462f2b,0 15px 28px #6a30262e}.joy-drum__body:before,.joy-drum__body:after{content:"";background:#8d2f2a47;border-radius:50%;width:15%;height:80%;position:absolute;top:50%;transform:translateY(-50%)}.joy-drum__body:before{left:-8%}.joy-drum__body:after{right:-8%}.joy-drum__body>i{border:2px solid #b14e343d;border-radius:50%;position:absolute;top:12%;bottom:12%;left:12%;right:12%}.joy-drum__body>b{z-index:2;color:var(--joy-red);text-shadow:0 3px #fff1c9;font-size:max(54px,min(6vw,80px));font-weight:500;position:relative}.joy-drum__body>span{z-index:2;color:#a35a43;font-family:var(--joy-display);letter-spacing:.15em;font-size:7px;position:absolute;bottom:19%}.joy-drum__cord{z-index:2;transform-origin:50%;background:#a13d38;width:35%;height:3px;position:absolute;top:50%}.joy-drum__cord--left{right:85%}.joy-drum__cord--right{left:85%}.joy-drum__cord>b{background:radial-gradient(circle at 35% 30%,#fb9a7d,#ae342f 69%);border-radius:50%;width:24px;height:24px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 12px #662b2433}.joy-drum__cord--left>b{left:-16px}.joy-drum__cord--right>b{right:-16px}.is-dragging .joy-drum__cord--left,.is-auto .joy-drum__cord--left{animation:.28s ease-in-out infinite alternate cordLeft}.is-dragging .joy-drum__cord--right,.is-auto .joy-drum__cord--right{animation:.28s ease-in-out infinite alternate cordRight}@keyframes cordLeft{to{transform:rotate(calc(-17deg*var(--drum-rate)))}}@keyframes cordRight{to{transform:rotate(calc(17deg*var(--drum-rate)))}}.drum-lacquer .joy-drum__body{background:radial-gradient(circle at 35% 28%,#ffe9b852,#0000 32%),linear-gradient(145deg,#cf5549,#8e292a 72%);border-color:#8f2d2d;box-shadow:inset 0 0 0 5px #d9a653,inset 0 0 40px #4c0f126b,0 20px 38px #68282340}.drum-lacquer .joy-drum__body>b{color:#f5d38b;text-shadow:0 3px #57181866}.drum-lacquer .joy-drum__body>span{color:#f4c77e}.joy-hand-hint{color:var(--joy-muted);opacity:.72;pointer-events:none;align-items:center;gap:7px;font-size:7px;animation:3.2s ease-in-out infinite handOrbit;display:flex;position:absolute;top:10%;left:8%}.joy-hand-hint>i{border:2px solid var(--joy-red);border-radius:9px 9px 5px 5px;width:15px;height:20px;transform:rotate(20deg)}@keyframes handOrbit{50%{translate:18px -13px;rotate:18deg}}.is-dragging .joy-hand-hint,.is-auto .joy-hand-hint{opacity:0}.joy-instruction{z-index:45;bottom:max(22px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9ecbd;border:1px solid #ffffffbf;border-radius:999px;grid-template-columns:auto auto;align-items:center;gap:0 9px;padding:9px 14px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 13px 36px #5e31261c}.joy-instruction>span{background:var(--joy-red);border-radius:50%;grid-row:1/3;width:12px;height:12px}.joy-instruction>span.is-active{animation:.7s ease-out infinite instructionPulse}.joy-instruction b{letter-spacing:.08em;font-size:9px;font-weight:600}.joy-instruction small{color:var(--joy-muted);font-size:6px}@keyframes instructionPulse{0%{box-shadow:0 0 #c9483e5c}to{box-shadow:0 0 0 10px #c9483e00}}.joy-controls{z-index:42;justify-items:end;gap:8px;display:grid;position:absolute;bottom:13%;right:max(20px,min(3vw,46px))}.joy-rate{justify-items:end;margin-bottom:7px;display:grid}.joy-rate strong{color:var(--joy-red-dark);font-family:var(--joy-display);font-size:28px;font-weight:500;line-height:1}.joy-rate span{color:var(--joy-muted);letter-spacing:.1em;font-size:7px}.joy-rate small{color:var(--joy-gold);margin-top:4px;font-size:6px}.joy-controls>button{min-height:34px;color:var(--joy-red-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9ebb3;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:7px;display:flex;box-shadow:0 9px 26px #5c312514}.joy-controls>button svg{width:13px}.joy-controls>button.is-active{color:#fff8e9;background:var(--joy-red)}.joy-toast{z-index:90;color:#fff8e9;opacity:0;pointer-events:none;background:#91332fe6;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:8px;transition:opacity .18s,transform .26s;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%,-8px);box-shadow:0 12px 32px #6925222e}.joy-toast svg{width:13px}.joy-toast.is-visible{opacity:1;transform:translate(-50%)}.joy-modal{z-index:100;-webkit-user-select:text;user-select:text;background:linear-gradient(110deg,#ab3731f7 0 40%,#fff7e7fa 40%),#fff7e7;grid-template-columns:minmax(330px,.82fr) minmax(470px,1.18fr);align-items:center;gap:max(30px,min(5vw,74px));padding:max(30px,min(5vw,80px));animation:.42s cubic-bezier(.22,1,.36,1) both modalIn;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}@keyframes modalIn{0%{opacity:0;transform:scale(1.015)}}.joy-modal__close{z-index:4;top:max(18px,env(safe-area-inset-top));width:40px;height:40px;color:var(--joy-red);background:#fffaeed9;border-radius:50%;place-items:center;display:grid;position:fixed;right:22px;box-shadow:0 10px 28px #5f30251f}.joy-modal__close svg{width:17px}.joy-modal__photo{background:#fff9e9;justify-self:end;width:100%;max-width:500px;padding:11px 11px 82px;position:relative;transform:rotate(-2deg);box-shadow:0 30px 72px #4a1b1c45}.joy-modal__photo img{aspect-ratio:1;object-fit:cover;width:100%}.joy-modal__photo>span{color:var(--joy-gold);font-family:var(--joy-display);letter-spacing:.18em;font-size:7px;position:absolute;bottom:49px;left:24px}.joy-modal__photo>b{font-size:20px;font-weight:500;position:absolute;bottom:19px;left:24px}.joy-modal__photo>b i{color:var(--joy-red);font-family:var(--joy-display);font-style:italic}.joy-modal__content{width:min(100%,600px)}.joy-modal__content>span{color:var(--joy-red);font-family:var(--joy-display);letter-spacing:.22em;font-size:8px}.joy-modal__content h2{word-break:keep-all;margin:14px 0;font-size:max(38px,min(4vw,58px));font-weight:500;line-height:1.18}.joy-baby-quote{border-left:3px solid var(--joy-red);background:#fffbf2b3;grid-template-columns:auto 1fr;align-items:center;gap:1px 9px;padding:10px 13px;font-size:9px;display:grid}.joy-baby-quote svg{width:17px;color:var(--joy-red);grid-row:1/3}.joy-baby-quote small{color:var(--joy-muted);font-size:7px}.joy-invite-facts{margin:13px 0;display:grid}.joy-invite-facts>div{border-bottom:1px solid #7d4b391f;grid-template-columns:25px 90px 1fr;align-items:center;gap:7px;padding:9px 8px;display:grid}.joy-invite-facts svg{width:15px;color:var(--joy-red)}.joy-invite-facts span{color:var(--joy-muted);font-size:7px}.joy-invite-facts b{font-size:8px;font-weight:500}.joy-rsvp{grid-template-columns:1fr 1.25fr;gap:7px;display:grid}.joy-rsvp input{background:#fffcf3d6;border:1px solid #99543f29;border-radius:10px;outline:0;min-width:0;height:40px;padding:0 12px;font-size:8px}.joy-rsvp input:focus{border-color:#c9483e8c;box-shadow:0 0 0 3px #c9483e14}.joy-rsvp>div{align-items:center;gap:5px;display:flex}.joy-rsvp>div button{color:var(--joy-muted);background:#fffaeeab;border:1px solid #97543f24;border-radius:999px;padding:7px 10px;font-size:7px}.joy-rsvp>div button.is-selected{color:#fff8e8;background:var(--joy-red)}.joy-submit{color:#fff8e8;background:var(--joy-red);border-radius:999px;justify-content:center;justify-self:start;align-items:center;gap:6px;min-height:37px;padding:0 15px;font-size:8px;display:inline-flex;box-shadow:0 10px 25px #8f2f2b2e}.joy-submit svg{width:14px}.joy-rsvp-success{color:#477464;background:#ecf7efc7;border:1px solid #648e7c33;border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.joy-rsvp-success>svg{width:19px}.joy-rsvp-success>div{gap:2px;display:grid}.joy-rsvp-success b{font-size:9px}.joy-rsvp-success span{font-size:7px}.joy-modal__actions{gap:7px;margin-top:9px;display:flex}.joy-modal__actions a,.joy-modal__actions button{min-height:34px;color:var(--joy-red-dark);background:#fffaeeb3;border:1px solid #98543f24;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:7px;display:flex}.joy-modal__actions svg{width:13px}@media (max-width:900px){.joy-playground{left:20%;right:14%}.joy-drum-zone{width:min(54vw,540px)}.joy-drum{width:min(27vw,270px)}.joy-title{left:26px}.joy-moment{width:250px;left:26px}.joy-controls{right:20px}}@media (max-width:700px){.joy-app{background:radial-gradient(circle at 52% 47%,#fffdeefa 0 12%,#fff3ddc7 35%,#0000 62%),linear-gradient(155deg,#fce8d2,#eeaa91);min-height:540px}.joy-app:before,.joy-app:after{opacity:.48;width:18%}.joy-title{top:max(12px,env(safe-area-inset-top));align-items:center;gap:8px;height:auto;display:flex;left:15px}.joy-title>span{white-space:nowrap;margin:0;font-size:5px;position:absolute;top:36px;left:41px}.joy-title h1{color:#fff8e8;background:var(--joy-red);border-radius:9px;place-items:center;width:34px;height:34px;font-size:15px;line-height:1;display:grid}.joy-title h1 br{display:none}.joy-title p{letter-spacing:.08em;writing-mode:horizontal-tb;margin:0;font-size:8px;line-height:1.5}.joy-title p br,.joy-title>i{display:none}.joy-top-actions{top:max(11px,env(safe-area-inset-top));gap:5px;right:12px}.joy-top-actions button{min-width:34px;height:34px;padding:0 10px}.joy-top-actions .joy-invite-button{font-size:7px}.joy-world:before{height:20%}.joy-lantern{width:51px;height:65px;top:10%}.joy-lantern--left{left:7%}.joy-lantern--right{right:2%}.joy-window{border-width:8px;width:37%;height:25%;top:17%;right:2%}.joy-town{width:58%;height:18%;bottom:17%;right:0}.joy-car{width:132px;height:63px;bottom:15%;right:5%}.joy-car>i{height:35px}.joy-car>i:after{border-width:4px;width:65px;height:34px;top:-21px;left:32px}.joy-car>b{border-width:5px;width:29px;height:29px}.joy-car>span{font-size:12px;top:23px;right:16px}.joy-garden{height:12%;bottom:13%;left:0;right:0}.joy-garden>i{width:39px;height:39px}.joy-garden>i:after{width:9px;height:9px;top:15px;left:16px}.joy-baby{border-width:4px;width:54px;height:54px;bottom:24%;right:8%}.joy-baby:before{height:20px}.joy-baby>b{top:24px}.joy-baby>b:nth-child(2){left:13px}.joy-baby>b:nth-child(3){right:13px}.joy-baby>em{top:35px}.joy-family-photo{width:38vw;padding:5px 5px 19px;top:17%;right:3%}.joy-family-photo span{margin-top:5px;font-size:5px}.stage-7 .joy-family-photo,.stage-8 .joy-family-photo{width:29vw;top:39%}.joy-date-card{min-width:150px;padding:13px 15px;top:20%;right:3%}.joy-date-card b{font-size:30px}.joy-date-card small,.joy-date-card span{font-size:5px}.joy-moment{z-index:35;width:58%;min-width:0;top:76px;bottom:auto;left:16px}.joy-moment>span{font-size:6px}.joy-moment h2{min-height:0;margin:5px 0 3px;font-size:18px;line-height:1.25}.joy-moment p{min-height:0;font-size:7px;line-height:1.55}.joy-moment__line{margin-top:7px}.joy-moment>small{font-size:5px}.joy-playground{top:17%;bottom:17%;left:0;right:0}.joy-drum-zone{width:96vw;height:96vw;max-height:64vh}.joy-drum{width:48vw;min-width:174px;height:57vw;min-height:265px;max-height:330px}.joy-drum__body{border-width:9px}.joy-drum__body>b{font-size:45px}.joy-drum__handle{width:19px}.joy-drum__cord>b{width:17px;height:17px}.joy-hand-hint{font-size:6px;top:14%;left:7%}.joy-controls{gap:5px;bottom:70px;right:9px}.joy-rate{margin-bottom:2px}.joy-rate strong{font-size:19px}.joy-rate span{font-size:5px}.joy-rate small{display:none}.joy-controls>button{min-height:29px;padding:0 8px;font-size:5px}.joy-controls>button svg{width:10px}.joy-instruction{bottom:max(13px,env(safe-area-inset-bottom));padding:7px 10px}.joy-instruction b{font-size:7px}.joy-instruction small{font-size:5px}.joy-facts{display:none}.joy-toast{white-space:nowrap;max-width:calc(100vw - 24px);font-size:7px;top:55px}.joy-modal{background:linear-gradient(107deg,#ab3731f7 0 33%,#fff7e7fa 33%);grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:9px;padding:55px 11px 22px;overflow-x:hidden}.joy-modal__close{top:max(10px,env(safe-area-inset-top));width:34px;height:34px;right:10px}.joy-modal__photo{padding:5px 5px 49px}.joy-modal__photo>span{font-size:4px;bottom:31px;left:10px}.joy-modal__photo>b{font-size:11px;bottom:11px;left:10px}.joy-modal__content>span{font-size:5px}.joy-modal__content h2{word-break:normal;margin:7px 0;font-size:21px;line-height:1.2}.joy-baby-quote{padding:6px 7px;font-size:6px}.joy-baby-quote svg{width:12px}.joy-baby-quote small{font-size:5px}.joy-invite-facts{margin:6px 0}.joy-invite-facts>div{grid-template-columns:16px 1fr;gap:1px 5px;padding:5px}.joy-invite-facts svg{grid-row:1/3;width:11px}.joy-invite-facts span{font-size:5px}.joy-invite-facts b{font-size:6px}.joy-rsvp{grid-template-columns:1fr;gap:5px}.joy-rsvp input{height:33px;font-size:7px}.joy-rsvp>div{gap:3px}.joy-rsvp>div button{padding:5px 6px;font-size:5px}.joy-submit{min-height:31px;padding:0 10px;font-size:6px}.joy-modal__actions{flex-wrap:wrap;gap:4px}.joy-modal__actions a,.joy-modal__actions button{min-height:29px;padding:0 8px;font-size:5px}}@media (max-height:660px) and (min-width:701px){.joy-drum-zone{height:82vh}.joy-drum{height:76vh;max-height:390px}.joy-title{height:44%}.joy-moment{bottom:9%}.joy-moment h2{min-height:48px;font-size:27px}.joy-controls{bottom:10%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}