:root{color:#fff8ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#160b1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button{font:inherit}h1,p{margin:0}.birthday-room{background:radial-gradient(circle at 82% 18%,#ffca5747,#0000 18rem),radial-gradient(circle at 16% 78%,#57ddc333,#0000 21rem),linear-gradient(135deg,#231233 0%,#351333 45%,#171022 100%);place-items:center;min-height:100svh;padding:clamp(16px,4vw,44px);display:grid;position:relative;overflow:hidden}.birthday-room:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#fff8ed33 0 1px,#0000 1.5px),linear-gradient(115deg,#ffca571f,#0000 44%);background-size:54px 54px,100% 100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 52% 44%,#000 0%,#0000 76%);mask-image:radial-gradient(circle at 52% 44%,#000 0%,#0000 76%)}.sky-toys{pointer-events:none;color:#ffe08a;position:absolute;inset:0}.toy{aspect-ratio:1;color:#ffe08a;background:#2c1738;border:1px solid #fff8ed3d;border-radius:999px;place-items:center;width:clamp(32px,5vw,54px);font-weight:950;animation:8s ease-in-out infinite alternate drift;display:grid;position:absolute}.toy-fish:first-child{top:16%;left:7%}.toy-ball{background:linear-gradient(90deg,#0000 45%,#160b1f38 45% 55%,#0000 55%),#58ddc3;animation-delay:1.1s;top:14%;right:9%}.toy-star{color:#160b1f;background:#ffca57;animation-delay:2.2s;bottom:18%;right:15%}.toy-paw{color:#fff8ed;animation-delay:3s;bottom:12%;left:12%}.toy-fish:last-child{animation-delay:1.8s;top:8%;left:42%}.gift-scene{z-index:1;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(22px,5vw,76px);width:min(100%,1120px);min-height:min(760px,100svh - clamp(32px,8vw,88px));display:grid;position:relative}.message-zone{justify-items:start;gap:clamp(20px,3vw,30px);display:grid}.message{gap:clamp(12px,2vw,18px);max-width:36rem;display:grid}.eyebrow{color:#ffe08a;letter-spacing:0;background:#2c1738;border:1px solid #fff8ed33;border-radius:999px;align-items:center;width:fit-content;min-height:34px;padding:0 14px;font-size:clamp(.76rem,1.2vw,.9rem);font-weight:900;display:inline-flex}h1{color:#fff8ed;letter-spacing:0;max-width:11.8em;font-size:clamp(2.8rem,6.4vw,5.9rem);line-height:.96}.note{color:#fff8edd6;max-width:31rem;font-size:clamp(1.03rem,1.8vw,1.24rem);line-height:1.65}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.paw-cta,.reset-cta{cursor:pointer;border:0;transition:transform .2s,box-shadow .2s,background .2s}.paw-cta{color:#24121f;background:#ffca57;border-radius:999px;justify-content:center;align-items:center;gap:13px;min-height:58px;padding:0 22px 0 16px;font-weight:950;display:inline-flex;box-shadow:0 18px 44px #ffca5747}.paw-cta:hover{background:#ffe08a;transform:translateY(-2px);box-shadow:0 22px 54px #ffca575c}.paw-mark{aspect-ratio:1;width:34px;display:block;position:relative}.paw-mark i,.paw-mark b{background:#24121f;border-radius:999px;display:block;position:absolute}.paw-mark i{aspect-ratio:1;width:9px;top:4px}.paw-mark i:first-child{left:4px}.paw-mark i:nth-child(2){top:1px;left:13px}.paw-mark i:nth-child(3){right:4px}.paw-mark b{width:18px;height:15px;bottom:5px;left:8px}.reset-cta{aspect-ratio:1;color:#fff8ed;background:#2c1738;border:1px solid #fff8ed38;border-radius:999px;place-items:center;width:48px;display:grid}.reset-cta:hover{background:#3a1f49;transform:translateY(-2px)}.cat-zone{place-items:center;min-height:clamp(430px,62svh,660px);display:grid;position:relative}.glow-ring{aspect-ratio:1;filter:blur(2px);background:radial-gradient(circle,#ffca5747,#0000 58%),radial-gradient(circle,#58ddc329,#0000 68%);border-radius:999px;width:min(86%,560px);animation:4s ease-in-out infinite alternate glowPulse;position:absolute}.cat-card{aspect-ratio:.92;place-items:center;width:clamp(280px,42vw,520px);display:grid;position:relative}.cat{aspect-ratio:.74;width:58%;animation:3.8s ease-in-out infinite catBreath;position:absolute;top:15%;left:50%;transform:translate(-50%)}.ear{aspect-ratio:1;z-index:0;background:#ef8f72;border:5px solid #562338;width:32%;position:absolute;top:2%;transform:rotate(45deg)}.ear-left{left:10%}.ear-right{right:10%}.head{z-index:1;background:radial-gradient(circle at 50% 66%,#fff1d9 0 9%,#0000 10%),linear-gradient(135deg,#ffb38c,#ef8f72);border:5px solid #562338;border-radius:48% 48% 44% 44%;position:absolute;inset:7% 8% 42%;box-shadow:inset 18px -8px #ffffff1f}.eye{aspect-ratio:1;background:#24121f;border-radius:999px;width:13%;animation:5.4s ease-in-out infinite blink;position:absolute;top:43%}.eye-left{left:28%}.eye-right{right:28%}.nose{aspect-ratio:1;background:#f04c75;border-radius:58% 58% 72% 72%;width:10%;position:absolute;top:57%;left:50%;transform:translate(-50%)rotate(45deg)}.mouth{border-bottom:3px solid #562338;border-radius:0 0 999px 999px;width:20%;height:10%;position:absolute;top:67%;left:50%;transform:translate(-50%)}.whiskers,.whiskers:before,.whiskers:after{content:"";background:#562338d1;width:28%;height:2px;position:absolute}.whiskers{top:61%}.whiskers:before{top:-8px;transform:rotate(10deg)}.whiskers:after{top:8px;transform:rotate(-10deg)}.whiskers-left{left:-7%}.whiskers-right{right:-7%;transform:scaleX(-1)}.body{z-index:0;background:linear-gradient(145deg,#ffad85,#e98266);border:5px solid #562338;border-radius:48% 48% 38% 38%;position:absolute;inset:43% 12% 4%}.belly{aspect-ratio:.8;background:#fff1d9ad;border-radius:999px;width:43%;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.paw{background:#fff1d9;border:4px solid #562338;border-radius:999px;width:25%;height:18%;position:absolute;bottom:-4%}.paw-left{left:18%}.paw-right{right:18%}.tail{aspect-ratio:.48;transform-origin:0 100%;border-top:17px solid #562338;border-bottom:0;border-left:0;border-right:17px solid #562338;border-radius:0 999px 0 0;width:34%;animation:2.8s ease-in-out infinite alternate tailWave;position:absolute;bottom:14%;right:-14%}.party-crown{z-index:4;opacity:0;justify-content:center;align-items:end;gap:3%;width:30%;height:16%;transition:opacity .35s,transform .35s;display:flex;position:absolute;top:5%;left:50%;transform:translate(-50%)rotate(-4deg)}[data-party=true] .party-crown{opacity:1;transform:translate(-50%)rotate(-4deg)translateY(-7px)}.party-crown span{clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffca57;width:28%;height:64%}.party-crown span:nth-child(2){background:#58ddc3;height:86%}.cake{aspect-ratio:1.44;z-index:3;width:48%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.cake-body,.icing,.plate{position:absolute;left:50%;transform:translate(-50%)}.cake-body{background:linear-gradient(#ff7c91,#d83e67);border:4px solid #562338;border-radius:18px 18px 28px 28px;width:82%;height:44%;bottom:16%}.icing{z-index:2;background:radial-gradient(circle at 24% 88%,#fff1d9 0 10%,#0000 11%),radial-gradient(circle at 54% 88%,#fff1d9 0 10%,#0000 11%),radial-gradient(circle at 78% 88%,#fff1d9 0 10%,#0000 11%),#fff1d9;border:4px solid #562338;border-radius:999px;width:88%;height:24%;bottom:55%}.plate{background:#58ddc3;border:4px solid #562338;border-radius:999px;width:98%;height:16%;bottom:7%}.candle{z-index:4;background:repeating-linear-gradient(45deg,#fff8ed 0 7px,#58ddc3 7px 13px);border:3px solid #562338;border-radius:999px 999px 4px 4px;width:8%;height:30%;position:absolute;bottom:76%;left:50%;transform:translate(-50%)}.candle i{aspect-ratio:.72;opacity:0;background:#ffca57;border-radius:62% 38%;width:120%;animation:.9s ease-in-out infinite alternate flame;position:absolute;top:-45%;left:50%;transform:translate(-50%)rotate(12deg);box-shadow:0 0 24px #ffca57c7}[data-lit=true] .candle i{opacity:1}.party-burst{pointer-events:none;opacity:0;transition:opacity .35s;position:absolute;inset:0}[data-party=true] .party-burst{opacity:1}.party-burst span{left:calc(14% + var(--float-index) * 16%);top:calc(12% + (var(--float-index) % 2) * 46%);color:#fff8ed;min-height:30px;animation:3s ease-in-out infinite alternate wordFloat;animation-delay:calc(var(--float-index) * .24s);background:#2c1738;border:1px solid #fff8ed38;border-radius:999px;align-items:center;padding:0 11px;font-size:.82rem;font-weight:900;display:inline-flex;position:absolute}[data-moment=finale] .glow-ring{background:radial-gradient(circle,#ffca5766,#0000 58%),radial-gradient(circle,#58ddc33d,#0000 70%)}@keyframes drift{0%{transform:translate(0,0)rotate(-6deg)}to{transform:translate(12px,-18px)rotate(8deg)}}@keyframes glowPulse{0%{opacity:.72;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}@keyframes catBreath{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}@keyframes tailWave{0%{transform:rotate(-4deg)}to{transform:rotate(10deg)}}@keyframes flame{0%{transform:translate(-50%)rotate(6deg)scale(.92)}to{transform:translate(-50%)rotate(-8deg)scale(1.08)}}@keyframes wordFloat{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-18px)rotate(5deg)}}@media (width<=780px){.birthday-room{align-items:start;overflow-y:auto}.gift-scene{grid-template-columns:1fr;align-content:center;gap:clamp(14px,3svh,24px);min-height:calc(100svh - 32px);padding-block:12px}.message-zone{text-align:center;justify-items:center}.message{justify-items:center;max-width:min(100%,34rem)}h1{max-width:12.6em;font-size:clamp(2.25rem,11vw,4rem);line-height:1}.note{max-width:28rem;font-size:clamp(1rem,4vw,1.12rem);line-height:1.55}.controls{justify-content:center}.cat-zone{width:100%;min-height:clamp(350px,48svh,480px)}.cat-card{width:min(82vw,390px)}.toy-fish:last-child{display:none}.party-burst span{font-size:.75rem}}@media (width<=430px){.birthday-room{padding:14px}.eyebrow{white-space:normal;justify-content:center;max-width:100%}.paw-cta{width:100%;max-width:310px;min-height:56px}.cat-zone{min-height:330px}.party-burst span:nth-child(4),.party-burst span:nth-child(5){display:none}}