.signup-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.signup-container{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid rgba(255,255,255,.3);border-radius:30px;padding:50px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.signup-header{text-align:center;margin-bottom:40px}.signup-header h1{font-size:42px;color:gold;margin-bottom:15px;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.signup-header p{font-size:20px;color:#fff}.signup-form{display:flex;flex-direction:column;gap:30px}.form-section label{display:block;color:#fff;font-size:20px;font-weight:700;margin-bottom:15px}.name-input{width:100%;padding:15px 20px;font-size:18px;border:2px solid rgba(255,255,255,.4);border-radius:15px;background:#fff3;color:#fff;font-weight:700;outline:none;transition:all .3s ease}.name-input::placeholder{color:#fff9}.name-input:focus{background:#ffffff4d;border-color:gold;box-shadow:0 0 20px #ffd70066}.photo-upload-box{width:100%;height:250px;border:3px dashed rgba(255,255,255,.5);border-radius:20px;background:#ffffff1a;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.photo-upload-box:hover{background:#fff3;border-color:gold;transform:scale(1.02)}.upload-icon{font-size:80px;margin-bottom:15px}.photo-upload-box p{color:#fff;font-size:18px;font-weight:700}.photo-preview{text-align:center}.photo-preview img{width:200px;height:200px;border-radius:50%;object-fit:cover;object-position:center top;border:5px solid #FFD700;box-shadow:0 10px 30px #0000004d;margin-bottom:15px}.change-photo-btn{padding:10px 20px;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);border-radius:15px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.change-photo-btn:hover{background:#fff6;transform:translateY(-2px)}.error-message{background:#f44336cc;color:#fff;padding:15px;border-radius:10px;text-align:center;font-weight:700;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.create-button{padding:20px 40px;background:linear-gradient(135deg,gold,orange);color:#333;border:none;border-radius:25px;font-size:22px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ffd70066}.create-button:hover{transform:translateY(-5px);box-shadow:0 12px 35px #ffd70099}.signup-info{margin-top:20px;text-align:center}.signup-info p{color:#ffffffe6;font-size:16px;font-style:italic}@media (max-width: 600px){.signup-container{padding:30px 20px}.signup-header h1{font-size:32px}}.landing-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:40px 20px}.sparkles-container{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1}.sparkle{position:absolute;font-size:24px;animation:sparkleFloat 2s ease-out forwards}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-30px) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.5)}}.hero-section{position:relative;z-index:2;text-align:center;max-width:900px;width:100%}.title-container{margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:20px}.photo-frame{position:relative;width:200px;height:200px;border-radius:50%;padding:8px;background:linear-gradient(45deg,gold,orange,gold);box-shadow:0 10px 40px #ffd70080;animation:frameGlow 3s ease-in-out infinite}@keyframes frameGlow{0%,to{box-shadow:0 10px 40px #ffd70080;transform:scale(1)}50%{box-shadow:0 15px 50px #ffd700cc;transform:scale(1.05)}}.sahar-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;border:4px solid white;box-shadow:0 0 20px #0000004d}.frame-sparkles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.frame-sparkle{position:absolute;font-size:30px;animation:sparkleRotate 4s linear infinite}.frame-sparkle:nth-child(1){top:-10px;left:50%;transform:translate(-50%);animation-delay:0s}.frame-sparkle:nth-child(2){top:50%;right:-10px;transform:translateY(-50%);animation-delay:1s}.frame-sparkle:nth-child(3){bottom:-10px;left:50%;transform:translate(-50%);animation-delay:2s}.frame-sparkle:nth-child(4){top:50%;left:-10px;transform:translateY(-50%);animation-delay:3s}@keyframes sparkleRotate{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.5;transform:scale(1.3) rotate(180deg)}}.main-title{font-size:72px;font-weight:700;color:#fff;margin-bottom:20px;text-shadow:4px 4px 8px rgba(0,0,0,.3);animation:titleShimmer 3s ease-in-out infinite}.subtitle{font-size:28px;color:#fffffff2;font-weight:600}.welcome-message{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:25px;padding:30px;margin-bottom:50px}.welcome-message h2{color:gold;font-size:32px;margin-bottom:15px}.welcome-message p{color:#fff;font-size:20px;margin:10px 0;line-height:1.6}.sections{display:flex;flex-direction:column;gap:40px}.section-category{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:25px;padding:30px}.category-title{color:gold;font-size:28px;margin-bottom:25px;text-align:center}.action-buttons{display:flex;flex-direction:column;gap:15px;align-items:center}.game-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.primary-button{background:linear-gradient(135deg,gold,orange);color:#333;border:none;padding:20px 40px;border-radius:50px;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ffd70066;display:flex;align-items:center;justify-content:center;gap:15px;width:100%;max-width:400px}.primary-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 35px #ffd70099}.button-icon{font-size:32px}.button-sparkle{font-size:24px;animation:sparkleRotate 2s linear infinite}.secondary-button{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.4);padding:15px 30px;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;max-width:400px;display:flex;align-items:center;justify-content:center;gap:10px}.secondary-button:hover{background:#ffffff4d;transform:translateY(-3px);box-shadow:0 10px 25px #0003}.game-button{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3);padding:20px;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 4px 15px #0003}.game-button .button-icon{font-size:40px}.game-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px #0000004d}.pet-button:hover{background:linear-gradient(135deg,#ff6b6b66,#ff8e5366)}.feed-button:hover{background:linear-gradient(135deg,#4ecdc466,#44a08d66)}.wash-button:hover{background:linear-gradient(135deg,#667eea66,#764ba266)}.dressup-button:hover{background:linear-gradient(135deg,#f093fb66,#f5576c66)}.shop-button:hover{background:linear-gradient(135deg,#a8edea66,#fed6e366)}.achievements-button:hover{background:linear-gradient(135deg,#ffd70066,#ffa50066)}.floating-elements{position:absolute;width:100%;height:100%;pointer-events:none;z-index:0}.floating-star,.floating-heart{position:absolute;font-size:40px;animation:floatAround 20s ease-in-out infinite;opacity:.6}.star-1{top:10%;left:10%;animation-delay:0s}.star-2{top:20%;right:15%;animation-delay:3s}.star-3{bottom:20%;left:20%;animation-delay:6s}.heart-1{top:60%;right:10%;animation-delay:2s}.heart-2{bottom:10%;right:25%;animation-delay:5s}@keyframes floatAround{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(5deg)}50%{transform:translate(-15px,15px) rotate(-5deg)}75%{transform:translate(15px,20px) rotate(3deg)}}@media (max-width: 768px){.photo-frame{width:150px;height:150px}.main-title{font-size:48px}.welcome-message h2{font-size:24px}.welcome-message p{font-size:16px}.game-buttons{grid-template-columns:repeat(2,1fr)}}.install-app-button{position:fixed;top:20px;right:20px;padding:12px 24px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;z-index:1000;box-shadow:0 4px 15px #4caf5066;transition:all .3s ease}.install-app-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5099}.install-instructions-button{position:fixed;bottom:20px;right:20px;padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;z-index:1000;box-shadow:0 4px 15px #0003;transition:all .3s ease}.install-instructions-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.kitty-studio{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#667eea,#764ba2)}.studio-header{text-align:center;margin-bottom:30px}.studio-header h2{font-size:42px;color:gold;margin-bottom:10px}.studio-header p{font-size:20px;color:#fff}.upload-section{display:flex;justify-content:center;align-items:center;min-height:60vh}.upload-card{background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:60px;border-radius:30px;text-align:center;max-width:500px;border:3px solid rgba(255,255,255,.3)}.upload-icon{font-size:80px;margin-bottom:20px}.upload-card h3{color:#fff;font-size:32px;margin-bottom:15px}.upload-card p{color:#ffffffe6;font-size:18px;margin-bottom:30px}.upload-button{padding:15px 40px;background:linear-gradient(45deg,gold,orange);color:#333;border:none;border-radius:25px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #ffa50066}.upload-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ffa50099}.editor-section{display:flex;gap:30px;max-width:1400px;margin:0 auto;flex-wrap:wrap;justify-content:center}.preview{flex:1;min-width:300px;max-width:700px;display:flex;justify-content:center;align-items:center;background:#0003;border-radius:20px;padding:20px}.preview-container{position:relative;max-width:100%;max-height:500px}.preview-container img{max-width:100%;max-height:500px;border-radius:15px;box-shadow:0 10px 40px #0006;display:block}.effect-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:15px;overflow:hidden}.sparkles-effect .sparkle-particle{position:absolute;font-size:30px;animation:sparkleFloat 2s infinite}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-20px) scale(1)}}.rainbow-effect{background:linear-gradient(45deg,#ff00004d,#ff7f004d,#ffff004d,#00ff004d,#0000ff4d,#4b00824d,#8f00ff4d);background-size:200% 200%;animation:rainbowShift 3s ease infinite}@keyframes rainbowShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hearts-effect .heart-particle{position:absolute;font-size:40px;animation:heartRise 3s infinite;bottom:-50px}@keyframes heartRise{0%{bottom:-50px;opacity:0;transform:translate(0)}50%{opacity:1}to{bottom:110%;opacity:0;transform:translate(30px)}}.stars-effect .star-particle{position:absolute;font-size:35px;animation:starTwinkle 2s infinite}@keyframes starTwinkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.magic-effect{background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);animation:magicPulse 2s infinite}.magic-glow{position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 50px #ffd70080;border-radius:15px}.magic-particle{position:absolute;font-size:25px;animation:magicSwirl 3s infinite}@keyframes magicPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes magicSwirl{0%{transform:translate(0) rotate(0);opacity:0}50%{opacity:1}to{transform:translate(50px,-50px) rotate(360deg);opacity:0}}.controls{flex:0 0 350px;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;border:2px solid rgba(255,255,255,.3)}.control-group{margin-bottom:30px}.control-group h3{color:gold;font-size:22px;margin-bottom:15px}.effects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.effect-button{padding:12px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.effect-button:hover{background:#ffffff4d;transform:translateY(-2px)}.effect-button.active{background:linear-gradient(45deg,gold,orange);color:#333;border-color:gold}.slider-control{margin-bottom:20px}.slider-control label{color:#fff;font-size:16px;font-weight:700;display:block;margin-bottom:8px}.slider-control input[type=range]{width:100%;height:6px;border-radius:5px;background:#ffffff4d;outline:none}.slider-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(45deg,gold,orange);cursor:pointer;box-shadow:0 2px 10px #ffa50080}.action-buttons{display:flex;flex-direction:column;gap:12px}.save-button,.reset-button{padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.save-button{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px #4caf5066}.save-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5099}.reset-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.reset-button:hover{background:#ffffff4d}@media (max-width: 768px){.editor-section{flex-direction:column}.controls{flex:1}}.gallery-page{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#667eea,#764ba2)}.gallery-header{text-align:center;margin-bottom:40px}.gallery-header h2{font-size:42px;color:gold;margin-bottom:10px}.gallery-header p{font-size:20px;color:#fff}.empty-gallery{text-align:center;padding:80px 20px;background:#ffffff1a;border-radius:30px;max-width:500px;margin:0 auto}.empty-icon{font-size:80px;margin-bottom:20px}.empty-gallery h3{color:#fff;font-size:28px;margin-bottom:15px}.empty-gallery p{color:#ffffffe6;font-size:18px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;max-width:1200px;margin:0 auto}.gallery-item{background:#ffffff1a;border-radius:20px;padding:15px;transition:all .3s ease;border:2px solid rgba(255,255,255,.2)}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#ffd70080}.gallery-item img{width:100%;border-radius:15px;margin-bottom:10px;box-shadow:0 4px 15px #0003}.download-btn{width:100%;padding:10px;background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066}.about-page{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#667eea,#764ba2)}.about-content{max-width:900px;margin:0 auto}.about-header{text-align:center;margin-bottom:50px}.about-title{font-size:64px;font-weight:700;color:#fff;margin-bottom:20px;text-shadow:4px 4px 8px rgba(0,0,0,.3)}.name-highlight{color:gold;background:linear-gradient(45deg,gold,orange,gold);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.subtitle{font-size:24px;color:#fff;font-weight:600}.message-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px}.message-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:25px;padding:30px;text-align:center;transition:all .3s ease}.message-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffd7004d;border-color:#ffd70080}.card-icon{font-size:50px;margin-bottom:15px}.message-card h3{color:gold;font-size:26px;margin-bottom:15px}.message-card p{color:#fff;font-size:18px;line-height:1.6}.final-message{background:#ffd70033;border:3px solid #FFD700;border-radius:25px;padding:40px;text-align:center}.final-message p{color:#fff;font-size:22px;line-height:1.8;margin-bottom:20px}.signature{color:gold;font-size:24px;font-weight:700;margin-top:30px!important}@media (max-width: 768px){.about-title{font-size:42px}.message-cards{grid-template-columns:1fr}}.pet-page{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);display:flex;flex-direction:column;align-items:center}.pet-header{text-align:center;margin-bottom:30px}.pet-header h2{font-size:42px;color:#fff;margin-bottom:10px;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.pet-instruction{font-size:20px;color:#fffffff2}.purr-meter{width:90%;max-width:500px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:20px;margin-bottom:30px;border:2px solid rgba(255,255,255,.3)}.purr-label{color:#fff;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}.purr-bar{height:30px;background:#ffffff4d;border-radius:15px;overflow:hidden;margin-bottom:10px;border:2px solid rgba(255,255,255,.4)}.purr-fill{height:100%;background:linear-gradient(90deg,gold,orange);transition:width .3s ease;box-shadow:0 0 20px #ffd70099}.purr-text{color:#fff;font-size:18px;font-weight:700;text-align:center}.pet-area{width:90%;max-width:500px;height:400px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;position:relative;overflow:hidden;cursor:pointer;touch-action:none;box-shadow:0 10px 40px #0000004d;border:3px solid rgba(255,255,255,.3)}.baby-pet-cat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.cat-emoji-large{font-size:180px;transition:transform .1s ease}.cat-emoji-large.wiggle{animation:petWiggle .3s ease-in-out}.cat-wiggle{position:absolute;top:-20px;right:-20px;font-size:40px;animation:wiggle .3s ease-in-out}.floating-heart{position:absolute;font-size:30px;pointer-events:none;animation:heartFloat 1s ease-out forwards;z-index:10}@keyframes petWiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(5deg) scale(1.05)}}@keyframes wiggle{0%,to{transform:translate(0);opacity:1}50%{transform:translate(5px);opacity:1}to{opacity:0}}@keyframes heartFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(1.5)}}.pet-stats{margin-top:20px;text-align:center;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:20px;border:2px solid rgba(255,255,255,.3)}.pet-stats p{color:#fff;font-size:18px;font-weight:700;margin:5px 0}.reward-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.reward-content{background:linear-gradient(135deg,gold,orange);padding:50px;border-radius:30px;text-align:center;box-shadow:0 20px 60px #00000080;animation:popIn .5s ease-out}.reward-icon{font-size:80px;margin-bottom:20px;animation:bounce .6s infinite}.reward-content p{font-size:28px;font-weight:700;color:#333;margin:10px 0}.reward-message{font-size:20px!important;font-weight:400!important;color:#fff;margin-top:15px!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.feed-page{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#4ecdc4,#44a08d);display:flex;flex-direction:column;align-items:center;position:relative}.feed-header{text-align:center;margin-bottom:30px}.feed-header h2{font-size:42px;color:#fff;margin-bottom:10px;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.feed-instruction{font-size:20px;color:#fffffff2}.feed-area{width:90%;max-width:500px;height:350px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;position:relative;margin-bottom:30px;box-shadow:0 10px 40px #0000004d;border:3px solid rgba(255,255,255,.3)}.baby-feed-cat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.cat-emoji-feed{font-size:150px}.mouth-zone{position:absolute;top:60%;left:50%;transform:translate(-50%);font-size:50px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:3px dashed rgba(255,255,255,.5);border-radius:50%;transition:all .3s ease}.mouth-zone.chomping{transform:translate(-50%) scale(1.3);border-color:#4caf50;background:#4caf5033}.chomp-effects{position:absolute;top:50%;left:50%;width:200px;height:200px;pointer-events:none}.crumb{position:absolute;font-size:30px;animation:crumbFly .8s ease-out}@keyframes crumbFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx, 50px),var(--ty, -50px)) scale(.5)}}.food-tray{width:90%;max-width:500px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:20px;border:2px solid rgba(255,255,255,.3)}.tray-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:15px;text-align:center}.food-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px}.food-item{background:#ffffff4d;padding:15px;border-radius:15px;text-align:center;cursor:grab;transition:all .3s ease;-webkit-user-select:none;user-select:none;border:2px solid rgba(255,255,255,.4)}.food-item:active{cursor:grabbing}.food-item:hover{transform:translateY(-5px);background:#fff6;box-shadow:0 5px 15px #0003}.food-emoji{font-size:50px;margin-bottom:5px}.food-name{color:#fff;font-size:14px;font-weight:700}.dragging-food{position:fixed;font-size:60px;pointer-events:none;z-index:1000;animation:wiggle .2s infinite}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.feed-stats{margin-top:20px;text-align:center;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:20px;border:2px solid rgba(255,255,255,.3)}.feed-stats p{color:#fff;font-size:18px;font-weight:700;margin:5px 0}.wash-page{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center}.wash-header{text-align:center;margin-bottom:30px}.wash-header h2{font-size:42px;color:#fff;margin-bottom:10px;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.wash-instruction{font-size:20px;color:#fffffff2}.dirt-counter{font-size:22px;color:#fff;font-weight:700;background:#fff3;padding:10px 20px;border-radius:20px;margin-top:15px;display:inline-block}.wash-area{width:90%;max-width:500px;height:450px;background:#87cefa4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;position:relative;overflow:hidden;cursor:pointer;touch-action:none;box-shadow:0 10px 40px #0000004d;border:3px solid rgba(255,255,255,.3)}.wash-area.sparkle{animation:sparkleFlash .5s ease-in-out}@keyframes sparkleFlash{0%,to{background:#87cefa4d}50%{background:#fff9}}.baby-wash-cat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cat-emoji-wash{font-size:180px}.dirt-spot{position:absolute;font-size:35px;transition:opacity .3s ease;pointer-events:none}.bubble{position:absolute;font-size:40px;pointer-events:none;animation:bubbleFloat .8s ease-out forwards}@keyframes bubbleFloat{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(20px,-50px) scale(1.5)}}.sparkle-effect{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.sparkle{position:absolute;font-size:60px;animation:sparkleExpand 1s ease-out}.sparkle:nth-child(1){top:20%;left:20%;animation-delay:0s}.sparkle:nth-child(2){top:20%;right:20%;animation-delay:.2s}.sparkle:nth-child(3){bottom:20%;left:50%;animation-delay:.4s}@keyframes sparkleExpand{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(2) rotate(360deg)}}.wash-stats{margin-top:20px;text-align:center;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:20px;border:2px solid rgba(255,255,255,.3)}.wash-stats p{color:#fff;font-size:18px;font-weight:700;margin:5px 0}.dressup-page{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;flex-direction:column;align-items:center}.dressup-header{text-align:center;margin-bottom:30px}.dressup-header h2{font-size:42px;color:#fff;margin-bottom:10px;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.dressup-instruction{font-size:20px;color:#fffffff2}.dressup-preview{width:90%;max-width:400px;height:300px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;box-shadow:0 10px 40px #0000004d;border:3px solid rgba(255,255,255,.3)}.baby-dressup{position:relative;display:inline-block}.cat-emoji-dressup{font-size:150px}.preview-hat{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:70px}.preview-accessory{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:50px}.wardrobe{width:90%;max-width:600px}.wardrobe-section{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:20px;margin-bottom:20px;border:2px solid rgba(255,255,255,.3)}.wardrobe-section h3{color:#fff;font-size:24px;margin-bottom:15px;text-align:center}.wardrobe-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-bottom:15px}.wardrobe-item{background:#ffffff4d;padding:15px;border-radius:15px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;border:2px solid rgba(255,255,255,.4)}.wardrobe-item:hover{transform:translateY(-5px);background:#fff6;box-shadow:0 5px 15px #0003}.wardrobe-item.equipped{background:linear-gradient(135deg,gold,orange);box-shadow:0 5px 20px #ffd70066;border-color:gold}.item-emoji{font-size:50px;margin-bottom:8px}.item-name{color:#fff;font-size:14px;font-weight:700}.equipped-badge{position:absolute;top:5px;right:5px;background:#4caf50;color:#fff;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.no-items{text-align:center;padding:30px}.no-items p{color:#ffffffe6;font-size:16px}.remove-button{width:100%;padding:12px;background:#f44336cc;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.remove-button:hover{background:#f44336;transform:translateY(-2px)}.shop-link-button{width:100%;padding:15px 30px;background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333;border:none;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #0003;margin-top:10px}.shop-link-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.shop-page{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#a8edea,#fed6e3);display:flex;flex-direction:column;align-items:center}.shop-header{text-align:center;margin-bottom:30px;width:100%}.shop-header h2{font-size:42px;color:#333;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.star-balance{background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 30px;border-radius:25px;display:inline-flex;align-items:center;gap:10px;border:2px solid rgba(255,255,255,.8)}.balance-label{color:#333;font-size:20px;font-weight:600}.balance-amount{color:gold;font-size:28px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.shop-section{width:90%;max-width:700px;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px;border-radius:25px;margin-bottom:25px;border:2px solid rgba(255,255,255,.6)}.shop-section h3{color:#333;font-size:28px;margin-bottom:20px;text-align:center}.shop-items{display:flex;flex-direction:column;gap:15px}.shop-item{background:#fff9;padding:20px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border:2px solid rgba(255,255,255,.8)}.shop-item:hover:not(.owned){background:#fffc;transform:translate(5px);box-shadow:0 5px 20px #0000001a}.shop-item.owned{background:#4caf504d;border-color:#4caf50}.item-display{display:flex;align-items:center;gap:20px}.item-emoji-large{font-size:60px}.item-info{display:flex;flex-direction:column;gap:5px}.item-name{color:#333;font-size:20px;font-weight:700}.item-cost{color:gold;font-size:18px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.buy-button{padding:12px 25px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:15px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.buy-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.buy-button:disabled{background:#96969680;cursor:not-allowed;box-shadow:none}.owned-badge{background:#4caf50;color:#fff;padding:10px 20px;border-radius:15px;font-weight:700;display:flex;align-items:center;gap:5px;font-size:16px}.shop-tip{color:#333;font-size:18px;text-align:center;background:#ffd7004d;padding:20px;border-radius:20px;width:90%;max-width:700px;border:2px solid rgba(255,215,0,.5)}.shop-tip p{margin:0;font-weight:600}@media (max-width: 600px){.item-display{flex-direction:column;text-align:center}.shop-item{flex-direction:column;gap:15px}}.achievements-page{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,gold,orange);display:flex;flex-direction:column;align-items:center}.achievements-header{text-align:center;margin-bottom:30px;width:100%}.achievements-header h2{font-size:42px;color:#fff;margin-bottom:20px;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.achievement-stats{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.stat-box{background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 30px;border-radius:20px;text-align:center;border:2px solid rgba(255,255,255,.5)}.stat-value{color:#fff;font-size:32px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.stat-label{color:#fffffff2;font-size:16px;margin-top:5px;font-weight:600}.achievements-list{width:90%;max-width:700px;display:flex;flex-direction:column;gap:20px}.achievement-card{background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px;border-radius:20px;display:flex;gap:20px;transition:all .3s ease;border:2px solid rgba(255,255,255,.4)}.achievement-card:hover{background:#fff6;transform:translate(5px);box-shadow:0 5px 20px #0003}.achievement-card.completed{background:linear-gradient(135deg,#4caf5066,#388e3c66);border-color:#4caf50;box-shadow:0 5px 20px #4caf504d}.achievement-icon{font-size:60px;min-width:60px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.achievement-details{flex:1}.achievement-details h3{color:#fff;font-size:24px;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.achievement-details p{color:#fffffff2;font-size:16px;margin-bottom:15px;line-height:1.5}.achievement-progress{margin-bottom:10px}.progress-bar{height:20px;background:#ffffff4d;border-radius:10px;overflow:hidden;margin-bottom:5px;border:1px solid rgba(255,255,255,.5)}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .5s ease;box-shadow:0 0 10px #4caf5080}.progress-text{color:#fff;font-size:14px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.completion-badge{background:#4caf50;color:#fff;padding:8px 15px;border-radius:10px;display:inline-block;font-weight:700;font-size:14px;box-shadow:0 2px 10px #4caf5066}.reward-info{color:#fff;font-size:16px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.encouragement-message{margin-top:30px;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.6);border-radius:20px;padding:25px;text-align:center;max-width:600px}.encouragement-message p{color:#fff;font-size:20px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}@media (max-width: 768px){.achievement-card{flex-direction:column;text-align:center}.achievement-icon{margin:0 auto}}.install-page{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#667eea,#764ba2)}.install-header{text-align:center;margin-bottom:40px}.install-header h2{font-size:42px;color:gold;margin-bottom:15px;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.install-header p{font-size:20px;color:#fff}.install-sections{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.install-section{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:25px;padding:30px}.install-section h3{color:gold;font-size:28px;margin-bottom:20px}.install-section ol{color:#fff;font-size:18px;line-height:2;padding-left:25px}.install-section li{margin-bottom:10px}.install-section strong{color:gold}.tip{margin-top:20px;background:#ffd70033;border:2px solid #FFD700;border-radius:15px;padding:15px;color:#fff;font-size:16px;font-weight:700}.benefits-section{max-width:800px;margin:40px auto 0;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:25px;padding:30px;text-align:center}.benefits-section h3{color:gold;font-size:28px;margin-bottom:25px}.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.benefit{background:#fff3;padding:20px;border-radius:15px;color:#fff;font-size:18px;font-weight:700}@media (max-width: 768px){.benefits{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;position:relative}.back-button{position:fixed;top:20px;left:20px;padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 4px 15px #0003}.back-button:hover{background:#ffffff4d;transform:translate(-5px);box-shadow:0 6px 20px #0000004d}