@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Varela+Round&display=swap";*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.app{min-height:100vh;background:linear-gradient(to bottom,#87ceeb,#98fb98);position:relative;overflow:hidden;font-family:Arial,sans-serif}.header{background-color:#9370db;padding:20px 0;position:relative}.header:after{content:"";position:absolute;bottom:-40px;left:0;right:0;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 L 0,60 Q 300,120 600,60 T 1200,60 L 1200,0 Z' fill='%239370DB'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat}.header-content{display:flex;align-items:center;justify-content:center;gap:15px}.site-title{color:#fff;font-family:"Baloo 2",cursive;font-size:2.5rem;font-weight:700;margin:0;text-align:center}.paw-print{font-size:1.5rem}.main-content{display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-60px;gap:0px;position:relative;z-index:2}.dog-container{display:flex;justify-content:center;align-items:center;animation:gentle-bounce 3s ease-in-out infinite,fade-in-scale 1s ease-out}.dog-image{max-width:400px;height:auto}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{opacity:.7;transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.start-screen{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px}.start-content{text-align:center;background:#ffffffe6;padding:40px 30px;border-radius:20px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:500px;width:100%}.start-title{font-family:"Baloo 2",cursive;font-size:2.5rem;font-weight:700;color:#9370db;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.start-description{font-size:1.2rem;color:#666;line-height:1.6;margin:0 0 30px;font-weight:500}.start-button{background:linear-gradient(135deg,#9370db,#8a2be2);color:#fff;border:none;padding:15px 40px;font-size:1.3rem;font-weight:600;font-family:"Baloo 2",cursive;border-radius:50px;cursor:pointer;box-shadow:0 6px 20px #9370db66;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9370db99;background:linear-gradient(135deg,#8a2be2,#9370db)}.start-button:active{transform:translateY(0);box-shadow:0 4px 15px #9370db66}.dialogue-container{margin:20px 0}.cta-button{background-color:#90ee90;border:3px solid #228B22;border-radius:25px;padding:15px 40px;font-size:1.3rem;font-weight:700;color:#228b22;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.cta-button:hover{background-color:#98fb98;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.cta-button:active{transform:translateY(0)}.decorations{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;animation:fade-in 1.5s ease-out .5s both}.heart,.star{position:absolute;font-size:1.5rem;opacity:.7;animation:float 6s ease-in-out infinite}.heart-1{top:15%;left:10%;animation-delay:0s}.heart-2{top:25%;right:15%;animation-delay:2s}.heart-3{top:60%;left:20%;animation-delay:4s}.star-1{top:20%;right:25%;animation-delay:1s}.star-2{top:45%;left:5%;animation-delay:3s}.star-3{top:70%;right:10%;animation-delay:5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.site-title{font-size:2rem}.dog-image{max-width:250px}.cta-button{padding:12px 30px;font-size:1.2rem}}@media (max-width: 480px){.main-content{padding:20px 15px;gap:20px}.site-title{font-size:1.8rem}.dog-image{max-width:200px}}:root{--sans: "Hind", sans-serif;--round: "Varela Round", sans-serif;--radius: 9999px;--easeInOutSine: cubic-bezier(.37, 0, .63, 1);--easeOutBack: cubic-bezier(.34, 1.56, .64, 1);--easeInQuint: cubic-bezier(.64, 0, .78, 0)}.dialogue{position:relative;display:flex;max-height:50%;min-height:clamp(120px,15vw,200px);min-width:320px;width:90%;max-width:1024px;margin:-10px auto 0;z-index:10}.dialogue-blobs{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:stretch;filter:url(#fancy-goo);transform:scale(0);animation:scale-up .6s var(--easeOutBack) 1s 1 normal forwards}.dialogue-blob-top{position:absolute;top:0;width:100%;height:75%;background-color:#fdf8e3;border-radius:40% 40% 30% 30%/150%;animation:blob 1.5s var(--easeInOutSine) .3s infinite alternate;transform-origin:center}.dialogue-blob-bottom{position:absolute;bottom:0;width:94%;height:40%;background-color:#fdf8e3;border-radius:5% 5% 20% 20%/100%;animation:blob 1s infinite alternate var(--easeInOutSine);transform-origin:center}.dialogue-character-wrap{position:absolute;animation:character .6s infinite alternate var(--easeInOutSine)}.dialogue-character{display:inline-block;margin-right:auto;padding:.5rem 2rem;font-family:var(--round);font-size:clamp(1rem,3vw,2rem);color:#482016;background-color:#dd8530;border-radius:30%/100% 100% 120% 120%;transform:perspective(2rem) rotateX(1deg) rotate(-9deg) translate(20%) translateY(-45%) scale(0);animation:fade-character .3s var(--easeOutBack) 1s 1 normal forwards}.dialogue-text{position:absolute;width:100%;padding:1em 1em 2em 1.5em;font-family:var(--sans);font-size:clamp(1.5rem,4vw,3rem);line-height:1.5em;color:#807256}.arrow{position:absolute;bottom:0;left:50%;opacity:0;animation:arrow .6s var(--easeInOutSine) 4.5s infinite alternate}@keyframes blob{0%{transform:rotate(.3deg) scale(1)}to{transform:rotate(-.3deg) scale(.99)}}@keyframes character{0%{transform:translateY(0)}to{transform:translateY(3px)}}@keyframes scale-up{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-character{0%{transform:perspective(2rem) rotateX(1deg) rotate(0) translate(20%) translateY(-45%) scale(.8);opacity:0}to{transform:perspective(2rem) rotateX(1deg) rotate(-6deg) translate(20%) translateY(-45%) scale(1);opacity:1}}@keyframes arrow{0%{transform:translateY(33%) translate(-50%) scale(1);opacity:1}to{transform:translateY(50%) translate(-50%) scale(.9);opacity:1}}.dock-outer{display:flex;justify-content:center;width:100%;margin:20px 0;position:relative;z-index:100;animation:slide-up-fade 1s ease-out 1s both;height:80px;overflow:visible}.dock-panel{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.dock-item{position:relative;display:flex;align-items:center;justify-content:center;border-radius:16px;cursor:pointer;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);width:50px;height:50px;min-width:50px;min-height:50px;z-index:100}.dock-item:hover{background:#ffffff4d;box-shadow:0 8px 25px #00000026}.dock-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px;color:#333}.dock-label{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1002;pointer-events:none;margin:0;border:none;outline:none;contain:layout style paint}.dock-label:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.8)}@media (max-width: 768px){.dock-panel{padding:6px 12px;gap:6px}.dock-icon{font-size:20px}.dock-label{font-size:11px;bottom:-30px}}@media (max-width: 480px){.dock-panel{padding:4px 8px;gap:4px}.dock-icon{font-size:18px}}:root{font-family:Inter,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;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0;padding:0;text-align:center}