:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.app-header{text-align:center;margin-bottom:3rem}.app-main{display:flex;justify-content:center;align-items:center;flex:1;width:100%}@media (max-width: 768px){.app{padding:1rem}.app-header{margin-bottom:2rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.app{width:100%;max-width:1200px;margin:0 auto;padding:20px;text-align:center}.app-header{margin-bottom:2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.app-header h1{font-size:3rem;margin-bottom:.5rem;font-weight:700}.app-header p{font-size:1.2rem;opacity:.9}.app-main{display:flex;justify-content:center;align-items:center;min-height:60vh}@media (max-width: 1024px){.app-header h1{font-size:2.5rem}.app{max-width:900px;padding:18px}}@media (max-width: 768px){.app-header h1{font-size:2rem}.app-header p{font-size:1rem}.app{padding:15px;max-width:600px}.app-main{min-height:50vh}}@media (max-width: 480px){body{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}.app-header h1{font-size:1.5rem;margin-bottom:.3rem}.app-header p{font-size:.9rem}.app{padding:10px;max-width:350px}.app-main{min-height:40vh}}@media (max-height: 600px) and (orientation: landscape){.app-header{margin-bottom:1rem}.app-header h1{font-size:1.8rem}.app-main{min-height:30vh}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.app-header h1,.app-header p{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.dancing-baby-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:500px;margin:0 auto}.baby-wrapper{position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px}.baby-image{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));transition:all .3s ease}.baby-wrapper.dancing .baby-image{animation:simple-dance 1.5s ease-in-out infinite}@keyframes dance-combined{0%{transform:translate(-10px) translateY(0) scale(1) rotate(-1deg) rotateY(0)}12.5%{transform:translate(-5px) translateY(-8px) scale(1.02) rotate(0) rotateY(2deg)}25%{transform:translate(10px) translateY(-15px) scale(1.05) rotate(1deg) rotateY(5deg)}37.5%{transform:translate(15px) translateY(-8px) scale(1.08) rotate(0) rotateY(2deg)}50%{transform:translate(15px) translateY(0) scale(1.1) rotate(-1deg) rotateY(0)}62.5%{transform:translate(5px) translateY(-8px) scale(1.08) rotate(0) rotateY(-2deg)}75%{transform:translate(-5px) translateY(-15px) scale(1.05) rotate(1deg) rotateY(-5deg)}87.5%{transform:translate(-8px) translateY(-8px) scale(1.02) rotate(0) rotateY(-2deg)}to{transform:translate(-10px) translateY(0) scale(1) rotate(-1deg) rotateY(0)}}@keyframes simple-dance{0%{transform:translate(-10px) rotate(-3deg) scale(1)}25%{transform:translate(10px) rotate(3deg) scale(1.1) translateY(-5px)}50%{transform:translate(-10px) rotate(-2deg) scale(1.05) translateY(-10px)}75%{transform:translate(8px) rotate(2deg) scale(1.08) translateY(-3px)}to{transform:translate(-10px) rotate(-3deg) scale(1)}}.baby-wrapper:hover .baby-image{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 15px 30px rgba(255,182,193,.5))}.controls{text-align:center;display:flex;flex-direction:column;gap:1.5rem;width:100%}.button-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.control-button{border:none;border-radius:50px;padding:12px 30px;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.2);min-width:140px}.control-button.primary{background:linear-gradient(45deg,#ff6b6b,orange);box-shadow:0 4px 15px #ff6b6b66}.control-button.primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #ff6b6b99;background:linear-gradient(45deg,#ff5252,#ff9800)}.control-button.secondary{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.control-button.secondary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #667eea99;background:linear-gradient(45deg,#5a67d8,#6b46c1)}.control-button:active{transform:translateY(0) scale(.98)}.status-info{display:flex;flex-direction:column;gap:.8rem}.instruction{color:#fff;font-size:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);max-width:350px;line-height:1.5;margin:0 auto}.dance-counter{color:#fff;font-size:1.1rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin:0}.counter-value{color:orange;font-size:1.3rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.keyboard-hint{color:#fffc;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin:0;font-style:italic}.baby-wrapper.dancing{animation:container-pulse 4s ease-in-out infinite}@keyframes container-pulse{0%,to{transform:scale(1);filter:hue-rotate(0deg)}50%{transform:scale(1.02);filter:hue-rotate(10deg)}}.baby-wrapper.dancing:before{content:"✨";position:absolute;top:-20px;left:-20px;font-size:1.5rem;animation:particle-float 3s ease-in-out infinite;pointer-events:none}.baby-wrapper.dancing:after{content:"💖";position:absolute;bottom:-20px;right:-20px;font-size:1.2rem;animation:particle-float 2.5s ease-in-out infinite reverse;pointer-events:none}@keyframes particle-float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-30px) rotate(180deg);opacity:1}}@media (max-width: 768px){.dancing-baby-container{padding:1.5rem;gap:1.5rem;max-width:350px}.baby-image{width:150px;height:150px}.control-button{padding:10px 25px;font-size:1rem}.instruction{font-size:.9rem;max-width:250px}}@media (max-width: 480px){.baby-image{width:120px;height:120px}.dancing-baby-container{max-width:300px;padding:1rem}}