:root{--sky-sunny:#a0e9ff;--sky-night:#2c3e50;--grass-light:#9de47c;--grass-dark:#88d66c;--house-main:#ff9a9e;--house-roof:#ff6b6b;--house-trim:#fff;--westie-white:#fff;--westie-nose:#333;--collar-red:#ff4757;--tag-gold:#f1c40f;--bowl-color:#74b9ff;--kibble-1:#d35400;--kibble-2:#e67e22;--panel-bg:#ffffffb3;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:#f8f9fa;place-items:center;min-height:100vh;margin:0;display:flex;overflow:hidden}#root{width:100%;height:100vh}*{box-sizing:border-box}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes pulse-glow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}:root{--westie-white:#fff;--westie-nose:#333;--bowl-color:#3498db;--kibble-1:#8d6e63;--kibble-2:#6d4c41;--house-main:#f5f6fa;--house-roof:#ff6b6b;--sky-sunny:#4facfe;--grass-light:#7bed9f;--grass-dark:#2ed573;--flower-main:#ff7675;--leaf-color:#27ae60}.scene.spring{--grass-light:#7bed9f;--grass-dark:#2ed573;--flower-main:#fab1a0}.scene.summer{--grass-light:#2ecc71;--grass-dark:#27ae60;--flower-main:#ff7675}.scene.autumn{--grass-light:#f1c40f;--grass-dark:#e67e22;--flower-main:#e17055;--leaf-color:#d35400}.scene.winter{--grass-light:#dff9fb;--grass-dark:#c7ecee;--flower-main:#a29bfe;--leaf-color:#95a5a6}.app-container{flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.scene{background:var(--sky-gradient);border:12px solid #fff;border-radius:40px;flex:1;justify-content:center;align-items:flex-end;margin:15px;padding-bottom:5vh;transition:all 1.5s;display:flex;position:relative;box-shadow:0 25px 60px #00000026}.scene.day.sunny{--sky-gradient:linear-gradient(to bottom, #4facfe 0%, #00f2fe 60%, var(--grass-light) 60%, var(--grass-dark) 100%)}.scene.day.cloudy{--sky-gradient:linear-gradient(to bottom, #95a5a6 0%, #bdc3c7 60%, var(--grass-light) 60%, var(--grass-dark) 100%)}.scene.day.overcast{--sky-gradient:linear-gradient(to bottom, #7f8c8d 0%, #95a5a6 60%, #4b6584 60%, var(--grass-light) 100%)}.scene.day.rainy{--sky-gradient:linear-gradient(to bottom, #4b6584 0%, #778ca3 60%, var(--grass-dark) 60%, var(--grass-dark) 100%)}.scene.day.stormy{--sky-gradient:linear-gradient(to bottom, #2c3e50 0%, #4b6584 60%, #1e272e 60%, #000 100%)}.scene.day.snowy{--sky-gradient:linear-gradient(to bottom, #dff9fb 0%, #fff 60%, var(--grass-light) 60%, var(--grass-dark) 100%)}.scene.day.foggy{--sky-gradient:linear-gradient(to bottom, #bdc3c7 0%, #dcdde1 60%, #7f8c8d 60%, #2f3640 100%)}.scene.day.windy{--sky-gradient:linear-gradient(to bottom, #81ecec 0%, #74b9ff 60%, var(--grass-light) 60%, var(--grass-dark) 100%)}.scene.night.sunny{--sky-gradient:linear-gradient(to bottom, #0f0c29 0%, #302b63 60%, #1e272e 60%, #000 100%)}.scene.night.cloudy{--sky-gradient:linear-gradient(to bottom, #1e272e 0%, #2f3640 60%, #000 60%, #000 100%)}.scene.night.overcast{--sky-gradient:linear-gradient(to bottom, #000 0%, #1e272e 60%, #000 60%, #000 100%)}.scene.night.rainy{--sky-gradient:linear-gradient(to bottom, #000 0%, #2c3e50 60%, #1e272e 60%, #000 100%)}.scene.night.stormy{--sky-gradient:linear-gradient(to bottom, #000 0%, #1e272e 60%, #000 60%, #000 100%)}.scene.night.snowy{--sky-gradient:linear-gradient(to bottom, #2f3640 0%, #57606f 60%, #2f3542 60%, #000 100%)}.scene.night.foggy{--sky-gradient:linear-gradient(to bottom, #2f3640 0%, #57606f 60%, #000 60%, #000 100%)}.scene.night.windy{--sky-gradient:linear-gradient(to bottom, #0984e3 0%, #2f3640 60%, #000 60%, #000 100%)}.stars-container{pointer-events:none;opacity:0;width:100%;height:60%;transition:opacity 2s;position:absolute;top:0;left:0}.scene.night .stars-container{opacity:1}.star{animation:twinkle var(--duration) infinite ease-in-out;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.lightning-flash{opacity:0;pointer-events:none;z-index:50;background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.scene.stormy .lightning-flash{animation:8s infinite flash}@keyframes flash{0%,94%,96%,to{opacity:0}95%,97%{opacity:.6}}.fog-layer{filter:blur(20px);pointer-events:none;z-index:15;background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:200%;height:100%;animation:20s linear infinite fog-drift;position:absolute;top:0;left:0}@keyframes fog-drift{0%{transform:translate(-50%)}to{transform:translate(0%)}}.scene.windy .flower{animation:.8s ease-in-out infinite sway-hard}@keyframes sway-hard{0%,to{transform:rotate(-15deg)skew(-15deg)}50%{transform:rotate(25deg)skew(20deg)}}.leaf{background:var(--leaf-color);border-radius:2px 10px;width:15px;height:10px;animation:linear infinite leaf-blow;position:absolute}@keyframes leaf-blow{0%{opacity:0;transform:translate(-10vw,20vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(110vw,60vh)rotate(720deg)}}.celestial{background:radial-gradient(circle,#fff7ad 0%,#f1c40f 100%);border-radius:50%;width:80px;height:80px;transition:all 2s cubic-bezier(.4,0,.2,1);animation:4s ease-in-out infinite pulse-glow;position:absolute;top:80px;right:15%;box-shadow:0 0 40px #f1c40f}.scene.night .celestial{background:radial-gradient(circle,#f1f2f6 0%,#ced6e0 100%);transform:rotate(-25deg);box-shadow:0 0 30px #ffffff80}.scene.night .celestial:after{content:"";background:var(--sky-gradient);background-attachment:fixed;border-radius:50%;width:80px;height:80px;position:absolute;top:-10px;left:20px}.scene.rainy .celestial,.scene.cloudy .celestial,.scene.foggy .celestial,.scene.overcast .celestial,.scene.stormy .celestial{opacity:.3;filter:grayscale();transform:scale(.8)}.scene.stormy .celestial{opacity:.1}.scene.windy .celestial{animation:2s ease-in-out infinite pulse-glow}.scene.snowy .celestial{background:radial-gradient(circle,#f1f2f6 0%,#dfe4ea 100%);box-shadow:0 0 30px #fff}.weather-overlay{pointer-events:none;z-index:10;width:100%;height:60%;position:absolute;top:0;left:0}.rain{background:#fff9;width:2px;height:15px;animation:linear infinite rain-fall;position:absolute;top:-20px}@keyframes rain-fall{to{transform:translateY(100vh)}}.snow{opacity:.8;background:#fff;border-radius:50%;width:6px;height:6px;animation:linear infinite snow-fall;position:absolute;top:-10px}@keyframes snow-fall{0%{transform:translateY(0)translate(0)}25%{transform:translateY(25vh)translate(15px)}50%{transform:translateY(50vh)translate(-15px)}75%{transform:translateY(75vh)translate(15px)}to{transform:translateY(100vh)translate(0)}}.clouds-container{pointer-events:none;width:100%;height:45%;position:absolute;top:0;left:0}.cloud{opacity:.9;filter:drop-shadow(0 5px 15px #0000000d);background:#fff;border-radius:50px;position:absolute}.scene.night .cloud{opacity:.4;background:#57606f}.flowers-container{pointer-events:none;z-index:5;width:100%;height:40%;position:absolute;bottom:0;left:0}.flower{background:var(--flower-main);border-radius:50%;width:12px;height:12px;animation:3s ease-in-out infinite sway;position:absolute}.scene.night .flower{filter:brightness(.5)}.flower:before,.flower:after{content:"";background:inherit;border-radius:inherit;width:100%;height:100%;position:absolute}.flower:before{transform:rotate(60deg)}.flower:after{transform:rotate(120deg)}.flower-center{z-index:2;background:#feeaa1;border-radius:50%;width:50%;height:50%;position:absolute;top:25%;left:25%}.info-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;color:#2d3436;background:#ffffffe6;border:2px solid #fff;border-radius:25px;padding:20px 30px;position:absolute;top:40px;left:40px;box-shadow:0 10px 30px #0000001a}.scene.night .info-panel{color:#fff;background:#2f3542cc;border-color:#ffffff1a}.info-panel strong{color:#ff6b6b;font-size:1.1em}.controls{z-index:200;gap:12px;display:flex;position:absolute;top:40px;right:40px}.btn{color:#ff6b6b;cursor:pointer;background:#fff;border:none;border-radius:30px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 16px #ff6b6b26}.btn:hover{transform:translateY(-4px);box-shadow:0 12px 20px #ff6b6b40}.scene.night .btn{color:#ff6b6b;background:#2f3542}.heart{pointer-events:none;z-index:100;font-size:28px;animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards heart-rise;position:absolute}@keyframes heart-rise{0%{opacity:0;transform:scale(0)rotate(0)}20%{opacity:1;transform:scale(1.2)rotate(10deg)}to{opacity:0;transform:scale(1)translateY(-80px)rotate(-10deg)}}.westie-container{cursor:pointer;z-index:20;width:140px;height:120px;transition:left .5s linear;position:absolute;bottom:0;transform:translate(-50%)}.dog-shadow{z-index:-1;background:#0000001a;border-radius:50%;width:70px;height:12px;position:absolute;bottom:2px;left:35px}.westie{width:100%;height:100%;position:relative}.body{background:var(--westie-white);border-radius:30px;width:75px;height:50px;position:absolute;bottom:25px;left:35px;box-shadow:inset -5px -5px #00000008}.head{background:var(--westie-white);z-index:5;border-radius:50%;width:60px;height:60px;position:absolute;top:15px;left:75px;box-shadow:0 4px #00000005}.ear{background:var(--westie-white);border:4px solid #fff;border-radius:50% 50% 10% 10%;width:20px;height:32px;position:absolute;top:-12px}.ear-left{left:2px;transform:rotate(-15deg)}.ear-right{right:2px;transform:rotate(15deg)}.eye{background:#333;border-radius:50%;width:8px;height:8px;animation:4s infinite blink;position:absolute;top:20px}.eye-left{left:14px}.eye-right{right:14px}.nose{background:var(--westie-nose);border-radius:5px;width:11px;height:8px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.cheek{opacity:.5;background:#ffc9c9;border-radius:50%;width:12px;height:8px;position:absolute;top:32px}.cheek-left{left:6px}.cheek-right{right:6px}.tail{background:var(--westie-white);transform-origin:bottom;border-radius:10px;width:12px;height:35px;animation:.8s infinite alternate wag;position:absolute;bottom:55px;left:20px}.leg{background:var(--westie-white);border-radius:10px;width:16px;height:25px;position:absolute;bottom:-10px}.leg-front{left:15px}.leg-back{right:15px}@keyframes wag{0%{transform:rotate(-25deg)}to{transform:rotate(-55deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes jump-happy{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}@keyframes sleep-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes tail-beg{0%{transform:rotate(-10deg)}to{transform:rotate(-20deg)}}.state-walking .westie{animation:.3s infinite bounce}.state-happy{animation:.5s 2 jump-happy}.state-eating .head{animation:.4s infinite eating-head}.state-sleeping .westie{animation:3s ease-in-out infinite sleep-pulse}.state-sleeping .eye{border-radius:2px;height:2px;animation:none;top:24px}.state-sleeping .tail{animation:none;transform:rotate(-10deg)}.state-begging .tail{animation:.2s infinite alternate tail-beg}.state-playing .westie{animation:.2s infinite bounce}@keyframes eating-head{0%,to{transform:rotate(0)}50%{transform:rotate(30deg)translateY(12px)}}.bark-bubble{color:#ff6b6b;z-index:100;background:#fff;border:3px solid #ff9a9e;border-radius:20px;padding:8px 15px;font-weight:700;animation:1.5s forwards popOut;position:absolute;top:-40px;right:-30px;box-shadow:0 5px 15px #0000001a}.state-sleeping .bark-bubble{color:#6c5ce7;border-color:#a29bfe}.state-begging .bark-bubble{color:#fdcb6e;border-color:#ffeaa7}@keyframes popOut{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.8)translateY(-20px)}}