.scene-wrapper,.cutaway-scene-wrapper{position:relative;width:100%;max-width:520px;margin:0 auto;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#fdd9d0,#fce8e5 25%,#fdf6f0 55%,#f5e8e0);box-shadow:0 4px 24px #5d3a4b1a}.scene-container,.cutaway-scene-container{position:relative;width:100%;aspect-ratio:1 / 1;max-height:460px;overflow:hidden}.cutaway-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.cutaway-sky,.scene-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#fbc8c0,#fdd9d0,#fce8e5,#fdf6f0,#f5e8e0)}.sun-glow{position:absolute;top:5%;right:15%;width:50px;height:50px;z-index:0;background:radial-gradient(circle,rgba(255,215,150,.6),transparent 70%);border-radius:50%;animation:sunPulse 4s ease-in-out infinite}@keyframes sunPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:.9}}.cutaway-ground,.scene-ground,.ground-grass{display:none}.grass-blade{position:absolute;bottom:37%;font-size:10px;z-index:1;opacity:.4;animation:grassSway 3s ease-in-out infinite}.grass-blade:nth-child(1){left:5%;animation-delay:0s}.grass-blade:nth-child(2){left:22%;animation-delay:.5s}.grass-blade:nth-child(3){left:72%;animation-delay:1s}.grass-blade:nth-child(4){left:88%;animation-delay:1.5s}@keyframes grassSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.scene-flower{position:absolute;bottom:36%;font-size:12px;z-index:1;animation:flowerSway 4s ease-in-out infinite}.scene-flower:nth-child(1){left:12%;animation-delay:.2s}.scene-flower:nth-child(2){left:76%;animation-delay:.8s}@keyframes flowerSway{0%,to{transform:rotate(-3deg) translateY(0)}25%{transform:rotate(3deg) translateY(-2px)}75%{transform:rotate(-2deg) translateY(-1px)}}.cutaway-clouds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.cutaway-cloud{position:absolute;animation:cloudDrift 30s linear infinite;opacity:.65;pointer-events:none}.cutaway-cloud-large{top:3%;left:-15%;width:110px;animation-duration:38s}.cutaway-cloud-medium{top:10%;left:-30%;width:75px;animation-duration:48s;animation-delay:6s}.cutaway-cloud-small{top:18%;left:-25%;width:45px;animation-duration:55s;animation-delay:12s}.scene-cloud{position:absolute;opacity:.45;filter:blur(1px);font-size:36px;z-index:1;will-change:transform}.scene-cloud-1{top:6%;left:-15%;animation:cloudDrift 28s linear infinite;font-size:34px}.scene-cloud-2{top:14%;left:-25%;animation:cloudDrift 34s linear infinite 6s;font-size:26px}@keyframes cloudDrift{0%{transform:translate(-60px)}to{transform:translate(calc(100vw + 60px))}}.cutaway-tree{position:absolute;bottom:clamp(22px,7%,34px);left:clamp(-60px,-12%,-36px);z-index:1;animation:treeSway 4s ease-in-out infinite;transform-origin:bottom center;pointer-events:none}.cutaway-tree-img{width:clamp(130px,33%,175px);height:auto;max-height:clamp(210px,55vw,280px)}.scene-tree{position:absolute;bottom:-10px;left:-44px;z-index:1;animation:treeSway 4s ease-in-out infinite;transform-origin:bottom center}.tree-trunk{width:14px;height:70px;background:linear-gradient(180deg,#b08060,#906040);border-radius:4px;margin:0 auto;position:relative}.tree-crown{width:72px;height:72px;background:radial-gradient(circle at 35% 30%,#b8d8a0,#8fc48a 40%,#72a86e);border-radius:50%;margin:0 auto -14px;position:relative;box-shadow:inset -8px -8px 20px #0000000f}.tree-crown:after{content:"🌸";position:absolute;top:-2px;right:0;font-size:16px;animation:blossomFloat 5s ease-in-out infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes treeSway{0%,to{transform:rotate(0)}25%{transform:rotate(1.5deg)}75%{transform:rotate(-1.5deg)}}@keyframes blossomFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(3deg)}}.cutaway-fence,.scene-fence{display:none}.cutaway-house-container{position:absolute;bottom:clamp(-8px,-1vw,0px);left:50%;transform:translate(-50%);width:min(88%,440px);height:auto;aspect-ratio:440 / 380;z-index:2;opacity:1!important;mix-blend-mode:normal!important}.cutaway-house-container img{width:100%;height:100%;object-fit:contain;display:block;opacity:1!important}.cutaway-interior{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:min(78%,390px);height:300px;z-index:3;pointer-events:none}.interior-plant{position:absolute;top:100px;left:32px;z-index:3;animation:plantSway 5s ease-in-out infinite;transform-origin:bottom center}.interior-plant-img{width:auto;height:auto;max-width:36px;max-height:60px}.plant-item{font-size:22px;animation:plantSway 5s ease-in-out infinite;transform-origin:bottom center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.06))}.plant-gloom{filter:grayscale(.7) brightness(.8);opacity:.6}@keyframes plantSway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.interior-shelf{position:absolute;top:80px;right:28px;z-index:3}.interior-shelf-img{width:auto;height:auto;max-width:60px;max-height:50px}.interior-shelf-css{display:flex;gap:4px;align-items:flex-end}.shelf-item{font-size:14px;animation:shelfItemGlow 3s ease-in-out infinite}.shelf-gloom{filter:grayscale(.7);opacity:.5}@keyframes shelfItemGlow{0%,to{opacity:.8}50%{opacity:1}}.interior-garland{position:absolute;top:62px;left:20px;right:20px;z-index:3;pointer-events:none}.interior-garland-img{width:100%;height:auto}.garland-string{display:flex;justify-content:space-around;font-size:12px;gap:6px;animation:garlandFade 2.5s ease-in-out infinite}.garland-gloom{opacity:.3;animation:none}.garland-gloom span{filter:grayscale(.9)}@keyframes garlandFade{0%,to{opacity:.8}50%{opacity:1}}.memory-shelf-board{width:56px;height:6px;background:linear-gradient(180deg,#c9a88a,#b89070);border-radius:3px;margin-top:-2px;box-shadow:0 1px 2px #0000000f}.couple-pups-group{position:absolute;bottom:clamp(16%,12vw,22%);left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:7px;pointer-events:none}.character-area{position:relative;left:auto;right:auto;bottom:auto;transform:none;display:flex;flex-direction:column;align-items:center;pointer-events:auto}.character-area.blue,.character-area.coral,.character-area.me,.character-area.partner{position:relative;left:auto;right:auto;bottom:auto;transform:none}.pup-container{display:flex;flex-direction:column;align-items:center;animation:pupSoftBreath 4.5s ease-in-out infinite;cursor:default;opacity:1!important}.pup-container.partner-disconnected{opacity:.5;filter:saturate(.3) brightness(1.1)}@keyframes pupSoftBreath{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.pup-image{width:auto;max-height:clamp(72px,20vw,94px);object-fit:contain;display:block;opacity:1!important;filter:none!important}.pup-head{width:42px;height:36px;border-radius:50% 50% 45% 45%;position:relative;margin-bottom:-4px;z-index:2;box-shadow:0 2px 8px #0000000f}.pup-head.variant-blue{background:linear-gradient(160deg,#c8ddf0,#a8c8e8,#8ab4d8)}.pup-head.variant-coral{background:linear-gradient(160deg,#fbc4b8,#f7a89e,#ed9285)}.pup-ears{position:absolute;top:-6px;width:100%;display:flex;justify-content:space-between;padding:0 2px}.pup-ear{width:10px;height:12px;border-radius:50% 50% 0 0;animation:earWiggle 5s ease-in-out infinite}.pup-ear.blue{background:#8ab4d8}.pup-ear.coral{background:#ed9285}.pup-ear.left{transform-origin:bottom right}.pup-ear.right{transform-origin:bottom left}@keyframes earWiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-5deg)}90%{transform:rotate(3deg)}}.pup-face{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:8px}.pup-eyes{display:flex;gap:6px;justify-content:center}.pup-eye{width:5px;height:5px;background:#3d2c2e;border-radius:50%;position:relative;transition:all .15s ease}.pup-eye:after{content:"";position:absolute;top:1px;right:1px;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.7}@keyframes blink{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.pup-eyes.blink{animation:blink 3.5s ease-in-out infinite}.pup-eye-sparkle{position:absolute;font-size:8px;top:-4px;right:-4px;animation:sparkleFloat 2s ease-in-out infinite;opacity:0}.pup-eyes.love .pup-eye-sparkle{opacity:1}@keyframes sparkleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.2)}}.pup-cheeks{display:flex;gap:18px;margin-top:2px}.pup-cheek{width:7px;height:4px;border-radius:50%;opacity:.5}.pup-cheek.blue{background:#b8a0c8}.pup-cheek.coral{background:#e8756a}.pup-mouth{font-size:10px;line-height:1;margin-top:1px;transition:all .3s ease;min-height:12px}.pup-mouth.happy{font-size:14px}.pup-mouth.sad{transform:rotate(180deg)}.pup-mouth.tired{font-size:10px}.pup-mouth.love{font-size:14px;animation:loveBeat 1.5s ease-in-out infinite}@keyframes loveBeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pup-body{width:36px;height:42px;border-radius:12px 12px 8px 8px;position:relative;z-index:1;box-shadow:0 2px 6px #0000000a}.pup-body.variant-blue{background:linear-gradient(180deg,#c8ddf0,#a8c8e8 60%,#8aaed4)}.pup-body.variant-coral{background:linear-gradient(180deg,#fbc4b8,#f7a89e 60%,#e8897a)}.pup-label{font-size:9px;color:var(--text-secondary);margin-top:3px;white-space:nowrap;font-weight:500;background:#ffffffb3;padding:1px 6px;border-radius:8px;z-index:7}.scene-waiting{position:absolute;bottom:62px;left:50%;transform:translate(-50%);z-index:7}.waiting-badge{background:#ffffffeb;padding:4px 14px;border-radius:16px;font-size:11px;color:var(--text-secondary);font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #0000000f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.waiting-hearts{text-align:center;font-size:10px;margin-top:2px;animation:heartFloat 2s ease-in-out infinite}@keyframes heartFloat{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-4px);opacity:1}}.pup-container.partner-disconnected .pup-body,.pup-container.partner-disconnected .pup-head{border:2px dashed rgba(255,255,255,.5)}.flying-birds-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.flying-bird{position:absolute;left:-80px;height:auto;animation:birdFlyAcross 14s linear infinite;will-change:transform}.flying-bird-sprite{position:relative;width:100%;height:auto;aspect-ratio:1}.bird-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;opacity:0}.bird-frame-1{animation:birdFlapFrame1 .54s steps(1,end) infinite}.bird-frame-2{animation:birdFlapFrame2 .54s steps(1,end) infinite}.bird-frame-3{animation:birdFlapFrame3 .54s steps(1,end) infinite}@keyframes birdFlapFrame1{0%,33.33%{opacity:1}33.34%,to{opacity:0}}@keyframes birdFlapFrame2{0%,33.33%{opacity:0}33.34%,66.66%{opacity:1}66.67%,to{opacity:0}}@keyframes birdFlapFrame3{0%,66.66%{opacity:0}66.67%,to{opacity:1}}@keyframes birdFlyAcross{0%{transform:translate(-60px) translateY(0)}25%{transform:translate(calc(25vw + 40px)) translateY(-8px)}50%{transform:translate(calc(50vw + 60px)) translateY(-4px)}75%{transform:translate(calc(75vw + 80px)) translateY(-10px)}to{transform:translate(calc(100vw + 100px)) translateY(-2px)}}@media (prefers-reduced-motion: reduce){.flying-bird{animation:none;opacity:0!important}}.lightning-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.lightning-overlay{position:absolute;top:15px;right:30px;max-width:110px;width:auto;height:auto;object-fit:contain;opacity:0;pointer-events:none}.lightning-1{animation:lightningFlash 15s ease-in-out infinite}.lightning-2{animation:lightningFlash 20s ease-in-out infinite 5s}.lightning-3{animation:lightningFlash 25s ease-in-out infinite 11s}@keyframes lightningFlash{0%,91%,to{opacity:0}92%{opacity:.65}93%{opacity:0}94%{opacity:.4}95%{opacity:0}}.rain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.rain-drop{position:absolute;top:-10%;font-size:7px;opacity:.15;animation:rainFall 2.5s linear infinite}.rain-night .rain-drop{opacity:.08;font-size:6px}@keyframes rainFall{0%{transform:translateY(0);opacity:.18}to{transform:translateY(calc(100vh + 20px));opacity:0}}.scene-sparkle{position:absolute;font-size:10px;animation:sparklePop 3s ease-in-out infinite;pointer-events:none;z-index:6}.scene-sparkle:nth-child(1){top:18%;right:22%;animation-delay:0s}.scene-sparkle:nth-child(2){top:32%;left:18%;animation-delay:1.2s}.scene-sparkle:nth-child(3){top:8%;right:40%;animation-delay:2.4s}@keyframes sparklePop{0%,90%,to{transform:scale(0);opacity:0}10%{transform:scale(1.2);opacity:1}20%{transform:scale(1);opacity:.8}30%{transform:scale(.8);opacity:.3}}.effect-heart{position:absolute;bottom:40%;font-size:14px;animation:heartRise 4s ease-out infinite;opacity:0;z-index:6;pointer-events:none}@keyframes heartRise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.8}50%{transform:translateY(-60px) scale(1.1);opacity:.6}to{transform:translateY(-100px) scale(.8);opacity:0}}.scene-level-badge,.scene-streak-badge{position:absolute;z-index:7;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;color:var(--plum);box-shadow:0 2px 8px #5d3a4b14;display:flex;align-items:center;gap:4px}.scene-level-badge{top:10px;left:10px}.scene-streak-badge{top:10px;right:10px}.scene-night .scene-level-badge,.scene-night .scene-streak-badge{background:#1e1e32bf;color:#e0d8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scene-night .waiting-badge{background:#1e1e32bf;color:#e0d8f0}.scene-neglected .grass-blade{opacity:.15;filter:grayscale(.8)}.scene-neglected .scene-flower{display:none}.cutaway-tree-img,.cutaway-base-img,.pup-image,.interior-plant-img,.interior-shelf-img,.interior-garland-img{max-width:100%;height:auto}@media (max-width: 400px){.cutaway-house-container{width:min(92%,340px);bottom:clamp(-6px,-1.5vw,0px)}.pup-image{max-height:clamp(64px,18vw,84px)}.couple-pups-group{bottom:clamp(14%,10vw,20%);gap:6px}.flying-bird{width:28px!important}.lightning-overlay{max-width:80px;top:12px;right:20px}.cutaway-scene-container{aspect-ratio:1 / 1;max-height:380px}}@media (min-width: 520px){.cutaway-scene-wrapper{border-radius:28px}}.cutaway-scene-container{--slot-plant-bottom: clamp(26px, 8%, 36px);--slot-plant-left: clamp(-22px, -7%, -6px);--slot-plant-width: clamp(38px, 12%, 52px);--slot-plant-z: 1;--slot-garland-top: clamp(2px, 1%, 8px);--slot-garland-left: 50%;--slot-garland-width: clamp(170px, 68%, 260px);--slot-garland-z: 2;--slot-shelf-top: clamp(70px, 22%, 90px);--slot-shelf-right: clamp(16px, 5%, 30px);--slot-shelf-width: clamp(44px, 14%, 60px);--slot-shelf-z: 3;--slot-blanket-bottom: clamp(30px, 10%, 44px);--slot-blanket-left: clamp(40px, 14%, 60px);--slot-blanket-width: clamp(50px, 16%, 70px);--slot-blanket-z: 3;--slot-dog-bottom: clamp(16%, 12vw, 22%);--slot-dog-right: clamp(10px, 4%, 24px);--slot-dog-width: clamp(36px, 12%, 52px);--slot-dog-z: 4;--slot-cat-bottom: clamp(16%, 12vw, 22%);--slot-cat-left: clamp(12px, 4%, 28px);--slot-cat-width: clamp(34px, 11%, 48px);--slot-cat-z: 4;--slot-bird-top: clamp(30px, 10%, 46px);--slot-bird-right: clamp(10px, 4%, 26px);--slot-bird-width: clamp(28px, 10%, 42px);--slot-bird-z: 1}@media (min-width: 361px) and (max-width: 390px){.cutaway-scene-container{--slot-plant-bottom: clamp(28px, 9%, 38px);--slot-plant-left: clamp(-24px, -7.5%, -6px);--slot-plant-width: clamp(42px, 13%, 56px);--slot-garland-top: clamp(3px, 1.2%, 10px);--slot-garland-width: clamp(190px, 70%, 280px);--slot-shelf-top: clamp(76px, 23%, 94px);--slot-shelf-right: clamp(18px, 5.5%, 32px);--slot-shelf-width: clamp(48px, 15%, 64px);--slot-blanket-bottom: clamp(34px, 11%, 46px);--slot-blanket-left: clamp(44px, 15%, 64px);--slot-blanket-width: clamp(54px, 17%, 74px);--slot-dog-bottom: clamp(17%, 13vw, 23%);--slot-dog-right: clamp(12px, 4.5%, 26px);--slot-dog-width: clamp(40px, 13%, 56px);--slot-cat-bottom: clamp(17%, 13vw, 23%);--slot-cat-left: clamp(14px, 4.5%, 30px);--slot-cat-width: clamp(38px, 12%, 52px);--slot-bird-top: clamp(34px, 11%, 50px);--slot-bird-right: clamp(12px, 4.5%, 28px);--slot-bird-width: clamp(30px, 10.5%, 44px)}}@media (min-width: 391px) and (max-width: 413px){.cutaway-scene-container{--slot-plant-bottom: clamp(28px, 9%, 40px);--slot-plant-left: clamp(-26px, -8%, -8px);--slot-plant-width: clamp(46px, 14%, 60px);--slot-garland-top: clamp(4px, 1.4%, 12px);--slot-garland-width: clamp(210px, 71%, 300px);--slot-shelf-top: clamp(80px, 24%, 96px);--slot-shelf-right: clamp(20px, 6%, 34px);--slot-shelf-width: clamp(50px, 15.5%, 66px);--slot-blanket-bottom: clamp(36px, 11.5%, 48px);--slot-blanket-left: clamp(48px, 16%, 68px);--slot-blanket-width: clamp(58px, 18%, 78px);--slot-dog-bottom: clamp(17%, 13vw, 23%);--slot-dog-right: clamp(14px, 5%, 28px);--slot-dog-width: clamp(42px, 13.5%, 58px);--slot-cat-bottom: clamp(17%, 13vw, 23%);--slot-cat-left: clamp(16px, 5%, 32px);--slot-cat-width: clamp(40px, 12.5%, 54px);--slot-bird-top: clamp(36px, 11.5%, 52px);--slot-bird-right: clamp(14px, 5%, 30px);--slot-bird-width: clamp(32px, 11%, 46px)}}@media (min-width: 414px) and (max-width: 430px){.cutaway-scene-container{--slot-plant-bottom: clamp(30px, 9.5%, 42px);--slot-plant-left: clamp(-30px, -9%, -8px);--slot-plant-width: clamp(50px, 15%, 66px);--slot-garland-top: clamp(5px, 1.6%, 14px);--slot-garland-width: clamp(230px, 73%, 320px);--slot-shelf-top: clamp(84px, 25%, 100px);--slot-shelf-right: clamp(22px, 6.5%, 36px);--slot-shelf-width: clamp(54px, 16%, 70px);--slot-blanket-bottom: clamp(38px, 12%, 50px);--slot-blanket-left: clamp(52px, 17%, 72px);--slot-blanket-width: clamp(62px, 19%, 82px);--slot-dog-bottom: clamp(17%, 13vw, 23%);--slot-dog-right: clamp(16px, 5.5%, 30px);--slot-dog-width: clamp(46px, 14%, 62px);--slot-cat-bottom: clamp(17%, 13vw, 23%);--slot-cat-left: clamp(18px, 5.5%, 34px);--slot-cat-width: clamp(42px, 13%, 56px);--slot-bird-top: clamp(40px, 12.5%, 56px);--slot-bird-right: clamp(16px, 5.5%, 32px);--slot-bird-width: clamp(34px, 11.5%, 48px)}}@media (min-width: 431px){.cutaway-scene-container{--slot-plant-bottom: clamp(32px, 10%, 46px);--slot-plant-left: clamp(-36px, -10%, -10px);--slot-plant-width: clamp(54px, 16%, 72px);--slot-garland-top: clamp(6px, 1.8%, 16px);--slot-garland-width: clamp(250px, 75%, 340px);--slot-shelf-top: clamp(88px, 26%, 104px);--slot-shelf-right: clamp(24px, 7%, 38px);--slot-shelf-width: clamp(56px, 16.5%, 74px);--slot-blanket-bottom: clamp(40px, 12.5%, 54px);--slot-blanket-left: clamp(56px, 18%, 76px);--slot-blanket-width: clamp(66px, 20%, 88px);--slot-dog-bottom: clamp(17%, 13vw, 23%);--slot-dog-right: clamp(18px, 6%, 34px);--slot-dog-width: clamp(50px, 14.5%, 66px);--slot-cat-bottom: clamp(17%, 13vw, 23%);--slot-cat-left: clamp(20px, 6%, 38px);--slot-cat-width: clamp(44px, 13.5%, 58px);--slot-bird-top: clamp(44px, 13.5%, 62px);--slot-bird-right: clamp(18px, 6%, 36px);--slot-bird-width: clamp(36px, 12%, 52px)}}.scene-decor-plant{position:absolute;bottom:var(--slot-plant-bottom);left:var(--slot-plant-left);width:var(--slot-plant-width);height:auto;z-index:var(--slot-plant-z);pointer-events:none;animation:plantSway 5s ease-in-out infinite;transform-origin:bottom center}.scene-decor-plant img{width:100%;height:auto;display:block}.scene-decor-garland{position:absolute;top:var(--slot-garland-top);left:var(--slot-garland-left);transform:translate(-50%);width:var(--slot-garland-width);height:auto;z-index:var(--slot-garland-z);pointer-events:none;animation:garlandFade 2.5s ease-in-out infinite}.scene-decor-garland img{width:100%;height:auto;display:block}.scene-decor-shelf{position:absolute;top:var(--slot-shelf-top);right:var(--slot-shelf-right);width:var(--slot-shelf-width);height:auto;z-index:var(--slot-shelf-z);pointer-events:none}.scene-decor-shelf img{width:100%;height:auto;display:block}.scene-decor-blanket{position:absolute;bottom:var(--slot-blanket-bottom);left:var(--slot-blanket-left);width:var(--slot-blanket-width);height:auto;z-index:var(--slot-blanket-z);pointer-events:none}.scene-decor-blanket img{width:100%;height:auto;display:block}.scene-decor-dog{position:absolute;bottom:var(--slot-dog-bottom);right:var(--slot-dog-right);width:var(--slot-dog-width);height:auto;z-index:var(--slot-dog-z);pointer-events:none}.scene-decor-dog img{width:100%;height:auto;display:block}.scene-decor-cat{position:absolute;bottom:var(--slot-cat-bottom);left:var(--slot-cat-left);width:var(--slot-cat-width);height:auto;z-index:var(--slot-cat-z);pointer-events:none}.scene-decor-cat img{width:100%;height:auto;display:block}.scene-decor-bird{position:absolute;top:var(--slot-bird-top);right:var(--slot-bird-right);width:var(--slot-bird-width);height:auto;z-index:var(--slot-bird-z);pointer-events:none}.scene-decor-bird img{width:100%;height:auto;display:block}.scene-neglected .scene-decor-plant img,.scene-neglected .scene-decor-garland img,.scene-neglected .scene-decor-shelf img,.scene-neglected .scene-decor-blanket img,.scene-neglected .scene-decor-dog img,.scene-neglected .scene-decor-cat img,.scene-neglected .scene-decor-bird img{filter:grayscale(.6) brightness(.75);opacity:.7}.scene-decor-shelf{top:46.5%;left:51%;right:auto;width:22%;transform:translate(-50%)}.scene-decor-bird{top:18%;left:64%;right:auto;width:9%;z-index:5}.scene-decor-plant{bottom:8%;left:66%;width:9%;z-index:4}:root{--blush: #fdf6f0;--blush-dark: #f5e8e0;--coral: #a9443b;--coral-hover: #963a32;--coral-soft: #e8756a;--coral-light: #fce8e5;--plum: #5d3a4b;--plum-light: #7a4d62;--cream: #fffaf5;--text-primary: #3d2c2e;--text-secondary: #7a6568;--text-muted: #6f5b5e;--border: #e6d2c9;--text: var(--text-primary);--card-bg: #ffffff;--card-shadow: 0 2px 12px rgba(93, 58, 75, .08);--card-radius: 16px;--gradient-header: linear-gradient(135deg, #fce8e5 0%, #fdf6f0 100%);--gradient-coral: linear-gradient(135deg, #bf5248 0%, #a9443b 100%);--gradient-warm: linear-gradient(135deg, #f5e8e0 0%, #fce8e5 100%);--green: #437043;--green-light: #e8f5e8;--gold: #d4a84b;--gold-light: #fdf6e8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--blush);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{min-height:100vh;padding-bottom:80px}.app-layout{max-width:480px;margin:0 auto;padding:16px}.app-header{background:var(--gradient-header);border-radius:var(--card-radius);padding:20px;margin-bottom:16px;text-align:center}.app-header h1{font-size:24px;font-weight:700;color:var(--plum);margin-bottom:4px}.app-header p{font-size:14px;color:var(--text-secondary)}.card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:20px;margin-bottom:12px;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #5d3a4b1f}.card-title{font-size:16px;font-weight:600;color:var(--plum);margin-bottom:8px}.card-text{font-size:14px;color:var(--text-secondary);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-coral);color:#fff;box-shadow:0 2px 8px #e8756a4d}.btn-primary:hover{box-shadow:0 4px 12px #e8756a66}.btn-secondary{background:var(--blush-dark);color:var(--plum)}.btn-secondary:hover{background:#edddd5}.btn-ghost{background:transparent;color:var(--coral);padding:10px}.btn-ghost:hover{background:var(--coral-light)}.btn-sm{padding:10px 16px;font-size:14px;width:auto}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-grid{display:grid;gap:10px}.btn-grid-2{grid-template-columns:1fr 1fr}.btn-grid .btn{min-height:48px;border-radius:18px;display:flex;align-items:center;justify-content:center}.input{width:100%;padding:14px 16px;border:2px solid var(--blush-dark);border-radius:12px;font-size:16px;background:var(--cream);color:var(--text-primary);outline:none;transition:border-color .2s ease;resize:vertical;font-family:inherit}.input:focus{border-color:var(--coral)}.textarea{min-height:100px;resize:vertical}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-success{background:var(--green-light);color:var(--green)}.badge-pending{background:var(--gold-light);color:var(--gold)}.badge-secondary{background:var(--blush-dark);color:var(--text-secondary)}.warmth-display{display:flex;align-items:center;gap:12px;padding:16px;background:var(--gradient-warm);border-radius:12px;margin-bottom:16px}.warmth-emoji{font-size:32px}.warmth-info{flex:1}.warmth-level{font-size:16px;font-weight:600;color:var(--plum)}.warmth-points{font-size:13px;color:var(--text-secondary)}.task-card{position:relative}.task-status{position:absolute;top:12px;right:12px}.task-type-icon{font-size:20px;margin-right:8px}.result-card{background:var(--gradient-warm);border:1px solid var(--coral-light)}.loader{display:flex;align-items:center;justify-content:center;padding:40px}.spinner{width:36px;height:36px;border:3px solid var(--blush-dark);border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-panels-section{display:flex;flex-direction:column;gap:0}.both-active-banner{background:linear-gradient(135deg,#f5e8e0,#fce8e5);border-radius:12px;padding:10px 14px;margin-top:12px;text-align:center;font-size:13px;color:var(--plum);font-weight:500}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.text-center{text-align:center}.text-muted{color:var(--text-muted);font-size:13px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.error-banner{background:#fde8e8;color:#c0392b;padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:12px;text-align:center}.success-banner{background:var(--green-light);color:var(--green);padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:12px;text-align:center}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--blush-dark);display:flex;justify-content:space-around;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:100;max-width:480px;margin:0 auto}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;border:none;background:none;cursor:pointer;color:var(--text-muted);font-size:10px;transition:color .2s;-webkit-tap-highlight-color:transparent}.nav-item.active{color:var(--coral)}.nav-icon{font-size:22px;line-height:1}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:12px}.reveal{background:linear-gradient(160deg,#fff,#fce8e5);border-radius:24px;padding:24px 16px;text-align:center;box-shadow:0 8px 24px #e8756a2e}.reveal-question{font-size:15px;color:var(--text-secondary);margin-bottom:8px}.reveal-score{font-size:48px;font-weight:800;color:var(--plum);animation:reveal-pop .6s cubic-bezier(.2,1.4,.4,1) both}.reveal-headline{font-size:17px;font-weight:600;color:var(--plum);margin:4px 0 16px}.reveal-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reveal-col{background:#fff;border-radius:16px;padding:14px 10px;display:flex;flex-direction:column;gap:6px;min-width:0;border:1px solid var(--blush-dark);animation:reveal-flip .5s ease-out both}.reveal-col strong{font-size:16px;color:var(--plum);overflow-wrap:anywhere}.reveal-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.reveal-guess{font-size:12px;color:var(--text-secondary);line-height:1.35;overflow-wrap:anywhere}.reveal-match{margin-top:12px;font-weight:600;color:var(--plum)}.waiting-card{text-align:center;padding:8px 0}.waiting-lock{font-size:40px;animation:waiting-pulse 1.8s ease-in-out infinite}@keyframes reveal-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes reveal-flip{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes waiting-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion: reduce){.reveal-score,.reveal-col,.waiting-lock{animation:none}}.reveal-columns-stacked{grid-template-columns:1fr}.reveal-columns-stacked .reveal-col strong{font-weight:500;font-size:15px;white-space:pre-wrap;text-align:left}.answer-textarea{width:100%;box-sizing:border-box;min-height:120px;resize:vertical}.info-banner{background:var(--gold-light);border:1px solid #ecd9a8;color:var(--text-primary);border-radius:12px;padding:12px 14px;margin:12px 0;font-size:13px;line-height:1.5}.result-ready{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;border-radius:16px;background:var(--gradient-coral);color:#fff;text-decoration:none;box-shadow:0 4px 14px #a9443b4d;font-size:14px;line-height:1.35;animation:fadeIn .4s ease}.result-ready>span:nth-child(2){flex:1;min-width:0}.result-ready-q{font-size:12px;opacity:.9;overflow-wrap:anywhere}.invite-first{background:#fff;border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:var(--card-shadow);text-align:center}.invite-title{font-size:18px;color:var(--plum);margin-bottom:4px}.invite-sub{font-size:13px;color:var(--text-secondary);line-height:1.45;margin-bottom:12px}.invite-note{font-size:13px;line-height:1.45;text-align:left;background:var(--gold-light);border:1px solid #ecd9a8;border-radius:12px;padding:10px 12px;margin-bottom:12px}.invite-code{margin-top:10px;background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;min-height:44px}.invite-code strong{font-family:monospace;letter-spacing:2px;color:var(--plum);font-size:15px}.home-header{display:flex;justify-content:space-between;align-items:center;margin:4px 2px 12px;gap:12px}.home-header h1{font-size:19px;font-weight:800;color:var(--plum);line-height:1.2;min-width:0;overflow-wrap:anywhere}.icon-btn{flex:none;width:44px;height:44px;border-radius:50%;border:none;background:#fff;box-shadow:var(--card-shadow);font-size:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.scene-frame{position:relative}.scene-pill{position:absolute;z-index:20;background:#fffffff0;color:var(--plum);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:0 2px 10px #0000001f;white-space:nowrap;pointer-events:none}.scene-pill-streak{left:12px;bottom:12px}.scene-pill-status{left:50%;top:40%;transform:translate(-50%);animation:fadeIn .4s ease}.warm-line{display:flex;align-items:center;gap:10px;margin:12px 2px;font-size:13px;color:var(--text-secondary)}.warm-level{font-weight:600;color:var(--plum);white-space:nowrap}.warm-bar{flex:1;height:8px;background:var(--blush-dark);border-radius:4px;overflow:hidden;min-width:40px}.warm-bar i{display:block;height:100%;background:linear-gradient(90deg,#f0a0a8,#d9677a);transition:width .4s ease}.warm-next{white-space:nowrap;text-align:right}.scene-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.scene-actions button{min-height:44px;border-radius:14px;border:1.5px solid var(--border);background:#fff;color:var(--plum);font-size:14px;font-weight:600;cursor:pointer;padding:8px 4px}.scene-actions button.on{border-color:var(--coral);background:var(--blush-dark);color:var(--coral)}.today-card{background:#fff;border-radius:20px;padding:16px;box-shadow:var(--card-shadow);margin-top:12px}.today-chip{display:inline-flex;gap:6px;align-items:center;background:var(--coral-light);color:var(--coral);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;letter-spacing:.3px}.today-card h2{font-size:19px;line-height:1.3;color:var(--plum);margin:10px 0 4px;overflow-wrap:anywhere}.today-status{display:flex;gap:8px;font-size:13px;margin:12px 0}.today-status span{flex:1;background:var(--blush);border-radius:12px;padding:8px 10px;color:var(--text-primary);min-width:0;overflow-wrap:anywhere}.today-note{font-size:13px;color:var(--text-secondary);text-align:center;margin-top:8px}.onb-brand{text-align:center;font-weight:800;color:var(--plum);font-size:18px;margin:4px 0 12px}.onb-scene{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:24px;overflow:hidden}.onb-scene img{position:absolute;pointer-events:none}.onb-scene .bg{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.onb-scene .house{width:92%;left:4%;bottom:3%}.onb-scene .tree{width:36%;left:-8%;bottom:8%}.onb-scene .pupA{width:16%;left:33%;bottom:20%}.onb-scene .pupB{width:15%;left:52%;bottom:20%;opacity:.35;filter:grayscale(.6)}.onb-scene .scene-pill{left:50%;bottom:6%;transform:translate(-50%)}.onb-title{font-size:26px;line-height:1.2;color:var(--plum);text-align:center;margin:18px 0 8px}.onb-sub{color:var(--text-secondary);font-size:15px;line-height:1.45;text-align:center}.onb-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.onb-join{margin-top:12px;display:flex;flex-direction:column;gap:8px}.profile-list{display:flex;flex-direction:column;gap:8px}.profile-item{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:var(--card-shadow);color:var(--plum);font-weight:600;font-size:15px;text-decoration:none;border:none;cursor:pointer;text-align:left}.profile-item .chev{margin-left:auto;color:var(--text-muted)}.profile-item.danger{color:var(--coral)}.seg{display:flex;gap:4px;background:#fff;border-radius:16px;padding:4px;box-shadow:var(--card-shadow)}.seg button{flex:1;min-width:0;min-height:44px;border:none;border-radius:12px;background:transparent;font-size:15px;font-weight:600;color:var(--text-secondary);cursor:pointer}.seg button.on{background:var(--gradient-coral);color:#fff}.today-card .btn{width:100%;margin-top:4px}.today-chip-green{background:var(--green-light);color:var(--green)}.link-btn{display:block;margin:18px auto 0;min-height:44px;border:none;background:none;color:var(--coral);font-size:16px;font-weight:600;cursor:pointer}.tasks-foot{font-size:13px;color:var(--text-secondary);text-align:center;margin:8px 0 16px}.history-item{position:relative;display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;margin-top:10px;background:#fff;border:none;border-radius:16px;padding:14px 36px 14px 16px;box-shadow:var(--card-shadow);cursor:pointer;font:inherit}.history-item strong{font-size:15px;color:var(--plum);overflow-wrap:anywhere}.history-date{font-size:12px;color:var(--text-secondary)}.history-result{font-size:13px;color:var(--coral);font-weight:600}.history-item .chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--text-muted)}.reveal-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;animation:fadeIn .25s ease;overflow-y:auto;background:linear-gradient(180deg,#fdeee9,#f3d2cd);padding:max(16px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.reveal-screen .reveal{background:none;box-shadow:none;padding:8px 0;max-width:480px;margin:0 auto}.reveal-pups{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:4px;margin:4px 0 8px}.reveal-pups img{height:128px;width:auto;animation:pup-hop .9s ease-out both}.reveal-pups img+img,.reveal-pups .reveal-heart+img{animation-delay:.15s}.reveal-heart{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:30px;animation:reveal-pop .6s .4s both}.reveal-warmth{display:inline-block;margin-top:14px;background:#fff;border-radius:999px;padding:8px 16px;font-weight:700;color:var(--coral)}.reveal-screen .reveal-col{border:none;box-shadow:var(--card-shadow);text-align:left;padding:14px}.reveal-actions{display:flex;gap:10px;margin-top:10px}.reveal-actions .btn{flex:1}@keyframes pup-hop{0%{transform:translateY(16px) scale(.9);opacity:0}60%{transform:translateY(-6px);opacity:1}to{transform:none}}@media (prefers-reduced-motion: reduce){.reveal-pups img,.reveal-heart{animation:none}}.profile-item.pup-pick{flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:4px;padding:10px 6px;text-align:center;overflow-wrap:anywhere}.profile-item.pup-pick img{height:44px;max-width:100%;object-fit:contain}.bottom-nav-hidden{display:none}