:root{--color-bg: #e9faef;--color-bg-gradient-top: #e9faef;--color-bg-gradient-bottom: #b7f5c6;--color-bg-audio-top: #dffbef;--color-bg-audio-bottom: #c5f7c7;--color-text: #1e7d5e;--color-accent: #a0e3b8;--color-footer: #7ccf9b;--shadow-soft: 0 4px 16px rgba(0, 0, 0, .05);--border-radius-large: 1.5rem;--font-main: "Poppins", "Inter", sans-serif;--transition-base: all .25s ease-in-out}body{font-family:var(--font-main);color:var(--color-text);background-color:var(--color-bg);transition:var(--transition-base);margin:0;padding:0;min-height:100vh;overflow-y:auto}input,textarea,button,select{font-family:inherit}.app-bg-flat{background-color:var(--color-bg)}.app-bg-gradient{background:linear-gradient(to bottom,var(--color-bg-gradient-top),var(--color-bg-gradient-bottom))}.app-bg-gradient-splash{background:linear-gradient(to bottom,#e9faef,#cff8d6 45%,#b7f5c6)}.app-bg-gradient-audio{background:linear-gradient(to bottom,var(--color-bg-audio-top),var(--color-bg-audio-bottom))}.card-soft{background-color:#ffffffa6;box-shadow:var(--shadow-soft);border-radius:var(--border-radius-large);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem}.footer-tagline{color:var(--color-footer);font-size:.9rem;letter-spacing:1px;margin-top:3rem;text-align:center}.text-accent{color:var(--color-accent)}.text-footer{color:var(--color-footer)}.shadow-soft{box-shadow:var(--shadow-soft)}.text-chillin-dark{color:#2e604a}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tilt{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}.buddy-breathe{animation:breathe 3.5s ease-in-out infinite}.buddy-tilt{animation:tilt 5s ease-in-out infinite alternate}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-in-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut .8s ease-in-out forwards}@keyframes buddyBreatheSlow{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.buddy-breathe-slow{animation:buddyBreatheSlow 6s ease-in-out infinite}.fade-in-delayed{animation:fadeIn 1s ease-in-out;animation-delay:.6s;animation-fill-mode:both}@keyframes buddyBreatheMini{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.015) translateY(-2px)}}.buddy-breathe-mini{animation:buddyBreatheMini 8s ease-in-out infinite}@keyframes buddyBlinkMini{0%,97%,to{opacity:1}98%,99%{opacity:.4}}.buddy-blink-mini{animation:buddyBlinkMini 5s linear infinite}.buddy-fadein{animation:fadeIn .8s ease-in-out}.buddy-glance{transition:opacity .4s ease-in-out}@keyframes fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-fadein{animation-name:fadein;animation-timing-function:ease-in-out}.fade-box{opacity:1;transition:opacity .45s ease-in-out}.fade-box.hidden{opacity:0}@keyframes pulseSoft{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.9}}.animate-pulse-soft{animation:pulseSoft 2.5s ease-in-out infinite}.buddy-hover{transition:transform .22s ease,filter .22s ease}.buddy-hover:hover{transform:scale(1.05);filter:drop-shadow(0 6px 12px rgba(80,120,90,.18))}@keyframes elus{0%{opacity:0;transform:translate(-50%,8px) scale(.9)}8%{opacity:1;transform:translate(-50%) scale(1)}88%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-6px) scale(.96)}}@keyframes petBuddy{0%{transform:translate(-12px)}50%{transform:translate(12px)}to{transform:translate(-12px)}}.animate-elus{animation:elus 3s ease forwards}.animate-pet{animation:petBuddy 1.2s ease-in-out infinite}@keyframes snackEat{0%{opacity:0;transform:translate(-50%) scale(1)}15%{opacity:1;transform:translate(-50%) scale(1)}40%{opacity:1;transform:translate(-50%) scale(.8)}65%{opacity:1;transform:translate(-50%) scale(.55)}85%{opacity:1;transform:translate(-50%) scale(.3)}to{opacity:0;transform:translate(-50%) scale(.1)}}.animate-snack{animation:snackEat 3s ease forwards}@keyframes playBall{0%{opacity:0;transform:translate(-50%) scale(.9)}15%{opacity:1;transform:translate(-50%) scale(1)}35%{opacity:1;transform:translate(-50%,-55px) scale(1.05)}55%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-35px) scale(1.03)}to{opacity:0;transform:translate(-50%) scale(.95)}}.animate-play{animation:playBall 3s ease forwards}.menu-card{background-color:#ffe8c2;border-radius:1rem;transition:all .3s ease-in-out;box-shadow:0 3px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;will-change:transform}.menu-card:hover{background-color:#ffd59e;transform:scale(1.03);box-shadow:0 5px 12px #00000026}.menu-card-disabled{background-color:#fff3e0;opacity:.6;border-radius:1rem;cursor:default;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;will-change:transform}.menu-card-disabled:hover{background-color:#fef8ed;transform:scale(1.02);transition:all .25s ease-in-out}.menu-card span,.menu-card-disabled span{display:block;margin-top:2px;margin-bottom:4px;line-height:1}.menu-card-disabled p{color:#2a2a2a;text-shadow:0 .8px 1.4px rgba(0,0,0,.25)}.menu-card-disabled p:last-child{margin-top:0;margin-bottom:0;font-size:13px;opacity:.7}@media(hover:none){.menu-card:active{background-color:#ffd59e;transform:scale(.98)}}@media(max-width:480px){.menu-card p,.menu-card-disabled p{font-size:17px}.menu-card-disabled p{color:#242424}.menu-card,.menu-card-disabled{margin-top:2px;margin-bottom:2px}}.menu-card-thin{background-color:#ffe8c2;border-radius:1rem;transition:all .3s ease-in-out;box-shadow:0 3px 8px #0000001a;padding-top:8px;padding-bottom:8px;margin:8px auto;width:75%;max-width:340px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;will-change:transform}.menu-card-thin:hover{background-color:#ffd59e;transform:scale(1.03);box-shadow:0 5px 12px #00000026}.menu-card-thin span{font-size:21px;margin-top:0;margin-bottom:15px}.menu-card-thin p:first-of-type{margin-top:0;margin-bottom:0;line-height:1.3}@media(max-width:480px){.menu-card-thin{width:78%;padding-top:6px;padding-bottom:6px}}.bottom-button{display:block;margin:28px auto 40px;padding:10px 24px;background-color:#fffc;border:2px solid #a0e3b8;border-radius:24px;color:#2e604a;font-weight:600;font-size:15px;text-align:center;width:72%;max-width:260px;box-shadow:0 3px 8px #0000001a;transition:all .25s ease-in-out}.bottom-button:hover{background-color:#e7fcef;transform:scale(1.04);box-shadow:0 4px 10px #0000001f}@media(max-width:480px){.bottom-button{width:80%;font-size:14.5px;margin-bottom:32px}}.curhat-bebas-group{background:#fff3;border:1.5px solid rgba(160,227,184,.6);border-radius:16px;padding:18px 18px 20px;box-shadow:0 4px 12px #0000000d;width:80%;max-width:340px;margin:16px auto 0;text-align:center;transition:all .25s ease-in-out}.curhat-bebas-group:hover{background:#fff5;box-shadow:0 6px 14px #00000014}.curhat-bebas-group .curhat-hint{font-size:15px;color:#2e604ad9;line-height:1.4;display:block;text-align:center;word-wrap:break-word;max-width:90%;margin:8px auto 12px}.curhat-bebas-group .bottom-button{margin-top:4px;margin-bottom:6px}.curhat-bebas-group .bottom-button:hover{transform:scale(1.05);background-color:#f5fff9}@media(min-width:640px){.curhat-bebas-group{padding:20px 22px 22px;max-width:360px}.curhat-bebas-group .curhat-hint{font-size:16px;margin-top:10px;margin-bottom:10px}}.chat-subcategory-page .flex.text-center.mb-10.mt-2>p,.curhat-bebas-group .curhat-hint{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.chat-subcategory-page p:not(.curhat-hint),.chat-category-page p:not(.curhat-hint){display:block!important}.menu-card-thin p{white-space:normal!important;max-width:90%;margin-left:auto;margin-right:auto;line-height:1.4}.menu-card-thin p:first-of-type{margin-top:0;margin-bottom:4px}.menu-card-thin p:last-of-type{margin-top:0;margin-bottom:0}.feedback-content{max-width:340px}@media(min-width:640px){.feedback-content{max-width:380px}}#root{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.buddy-stage-desktop{position:relative}.buddy-ball-effect-desktop{position:absolute;top:230px;left:50%;margin-left:-135px;z-index:20;pointer-events:none}.buddy-pat-effect-desktop{position:absolute;top:85px;left:50%;margin-left:4px;transform:translate(-50%);z-index:20;pointer-events:none}.buddy-snack-effect-desktop{position:absolute;top:175px;left:48%;transform:translate(-50%);z-index:20;pointer-events:none}.buddy-stage-mobile{position:relative;width:min(88vw,300px);height:285px;margin:0 auto;display:flex;justify-content:center;align-items:flex-end}.buddy-ball-effect-mobile{position:absolute;top:62%;left:12%;z-index:20;pointer-events:none}.buddy-pat-effect-mobile{position:absolute;top:85px;left:52%;transform:translate(-50%);z-index:20;pointer-events:none}.buddy-snack-effect-mobile{position:absolute;top:142px;left:48%;transform:translate(-50%);z-index:20;pointer-events:none}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-\[10\%\]{top:10%}.left-1\/2{left:50%}.z-10{z-index:10}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.col-span-3{grid-column:span 3/span 3}.col-start-1{grid-column-start:1}.col-start-3{grid-column-start:3}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.row-start-5{grid-row-start:5}.row-start-6{grid-row-start:6}.row-start-7{grid-row-start:7}.container{width:100%}.mx-auto{margin-inline:auto}.mt-\[2px\]{margin-top:2px}.mt-\[3px\]{margin-top:3px}.mt-\[4px\]{margin-top:4px}.mt-\[8px\]{margin-top:8px}.mt-\[18px\]{margin-top:18px}.-mb-\[15px\]{margin-bottom:-15px}.mb-\[2px\]{margin-bottom:2px}.mb-\[6px\]{margin-bottom:6px}.mb-\[10px\]{margin-bottom:10px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[28px\]{height:28px}.h-\[60px\]{height:60px}.h-\[110px\]{height:110px}.h-dvh{height:100dvh}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.\!w-\[260px\]{width:260px!important}.w-\[60px\]{width:60px}.w-\[120px\]{width:120px}.w-\[170px\]{width:170px}.w-full{width:100%}.w-screen{width:100vw}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[340px\]{max-width:340px}.max-w-\[380px\]{max-width:380px}.max-w-\[420px\]{max-width:420px}.max-w-\[460px\]{max-width:460px}.max-w-\[480px\]{max-width:480px}.max-w-\[980px\]{max-width:980px}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.\[grid-template-columns\:1\.13fr_0\.08fr_1\.13fr\]{grid-template-columns:1.13fr .08fr 1.13fr}.grid-cols-\[auto_16px_auto\]{grid-template-columns:auto 16px auto}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-\[10px\]{gap:10px}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[\#d89b63\]{border-color:#d89b63}.bg-\[\#FFFDF8\]{background-color:#fffdf8}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#FFE0A0\]{--tw-gradient-from:#ffe0a0;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#FFB865\]{--tw-gradient-to:#ffb865;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-contain{background-size:contain}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.pt-\[5vh\]{padding-top:5vh}.pt-\[6vh\]{padding-top:6vh}.pt-\[8vh\]{padding-top:8vh}.pt-\[12vh\]{padding-top:12vh}.pt-\[110px\]{padding-top:110px}.pb-\[6vh\]{padding-bottom:6vh}.pb-\[8vh\]{padding-bottom:8vh}.text-center{text-align:center}.text-left{text-align:left}.\!text-\[15px\]{font-size:15px!important}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[44px\]{font-size:44px}.text-\[56px\]{font-size:56px}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-none{--tw-leading:1;line-height:1}.whitespace-pre-line{white-space:pre-line}.text-\[\#D97706\]{color:#d97706}.text-\[\#FF5555\]{color:#f55}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-65{opacity:.65}.opacity-100{opacity:1}.shadow-\[0_22px_55px_rgba\(47\,91\,74\,0\.18\)\]{--tw-shadow:0 22px 55px var(--tw-shadow-color,#2f5b4a2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.placeholder\:text-\[\#B89B80\]::-moz-placeholder{color:#b89b80}.placeholder\:text-\[\#B89B80\]::placeholder{color:#b89b80}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:scale-\[1\.015\]:hover{scale:1.015}.hover\:from-\[\#FFF0C0\]:hover{--tw-gradient-from:#fff0c0;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-\[\#FFCC80\]:hover{--tw-gradient-to:#ffcc80;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:brightness-105:hover{--tw-brightness:brightness(105%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#B7F5C6\]\/40:focus{--tw-ring-color:oklab(91.5892% -.0788137 .0422577/.4)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.99\]:active{scale:.99}@media(min-width:640px){.min-\[640px\]\:order-1{order:1}.min-\[640px\]\:order-2{order:2}.min-\[640px\]\:mt-\[1px\]{margin-top:1px}.min-\[640px\]\:h-\[110px\]{height:110px}.min-\[640px\]\:h-full{height:100%}.min-\[640px\]\:\!w-\[540px\]{width:540px!important}.min-\[640px\]\:w-\[42\%\]{width:42%}.min-\[640px\]\:w-\[58\%\]{width:58%}.min-\[640px\]\:w-\[130px\]{width:130px}.min-\[640px\]\:w-\[180px\]{width:180px}.min-\[640px\]\:max-w-\[260px\]{max-width:260px}.min-\[640px\]\:max-w-\[380px\]{max-width:380px}.min-\[640px\]\:max-w-\[420px\]{max-width:420px}.min-\[640px\]\:max-w-none{max-width:none}.min-\[640px\]\:\[grid-template-columns\:1\.15fr_0\.12fr_1\.15fr\]{grid-template-columns:1.15fr .12fr 1.15fr}.min-\[640px\]\:flex-row{flex-direction:row}.min-\[640px\]\:justify-center{justify-content:center}.min-\[640px\]\:overflow-hidden{overflow:hidden}.min-\[640px\]\:rounded-\[36px\]{border-radius:36px}.min-\[640px\]\:pt-\[7vh\]{padding-top:7vh}.min-\[640px\]\:\!text-\[16px\]{font-size:16px!important}.min-\[640px\]\:text-\[16px\]{font-size:16px}.min-\[640px\]\:text-\[17px\]{font-size:17px}.min-\[640px\]\:text-\[18px\]{font-size:18px}.min-\[640px\]\:text-\[19px\]{font-size:19px}.min-\[640px\]\:text-\[20px\]{font-size:20px}.min-\[640px\]\:text-\[22px\]{font-size:22px}.min-\[640px\]\:text-\[23px\]{font-size:23px}.min-\[640px\]\:leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}}@layer base{:root{--color-bg:#e9faef;--color-bg-gradient-top:#e9faef;--color-bg-gradient-bottom:#b7f5c6;--color-bg-audio-top:#dffbef;--color-bg-audio-bottom:#c5f7c7;--color-text:#1e7d5e;--color-accent:#a0e3b8;--color-footer:#7ccf9b;--shadow-soft:0 4px 16px #0000000d;--border-radius-large:1.5rem;--font-main:"Poppins","Inter",sans-serif;--transition-base:all .25s ease-in-out}body{font-family:var(--font-main);color:var(--color-text);background-color:var(--color-bg);transition:var(--transition-base);min-height:100vh;margin:0;padding:0;overflow-y:auto}input,textarea,button,select{font-family:inherit}.app-bg-flat{background-color:var(--color-bg)}.app-bg-gradient{background:linear-gradient(to bottom,var(--color-bg-gradient-top),var(--color-bg-gradient-bottom))}.app-bg-gradient-splash{background:linear-gradient(#e9faef,#cff8d6 45%,#b7f5c6)}.app-bg-gradient-audio{background:linear-gradient(to bottom,var(--color-bg-audio-top),var(--color-bg-audio-bottom))}.card-soft{box-shadow:var(--shadow-soft);border-radius:var(--border-radius-large);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffa6;padding:1.5rem}.footer-tagline{color:var(--color-footer);letter-spacing:1px;text-align:center;margin-top:3rem;font-size:.9rem}.text-accent{color:var(--color-accent)}.text-footer{color:var(--color-footer)}.shadow-soft{box-shadow:var(--shadow-soft)}.text-chillin-dark{color:#2e604a}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tilt{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}.buddy-breathe{animation:3.5s ease-in-out infinite breathe}.buddy-tilt{animation:5s ease-in-out infinite alternate tilt}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s ease-in-out fadeIn}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:.8s ease-in-out forwards fadeOut}@keyframes buddyBreatheSlow{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.buddy-breathe-slow{animation:6s ease-in-out infinite buddyBreatheSlow}.fade-in-delayed{animation:1s ease-in-out .6s both fadeIn}@keyframes buddyBreatheMini{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.015)translateY(-2px)}}.buddy-breathe-mini{animation:8s ease-in-out infinite buddyBreatheMini}@keyframes buddyBlinkMini{0%,97%,to{opacity:1}98%,99%{opacity:.4}}.buddy-blink-mini{animation:5s linear infinite buddyBlinkMini}.buddy-fadein{animation:.8s ease-in-out fadeIn}.buddy-glance{transition:opacity .4s ease-in-out}@keyframes fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-fadein{animation-name:fadein;animation-timing-function:ease-in-out}.fade-box{opacity:1;transition:opacity .45s ease-in-out}.fade-box.hidden{opacity:0}@keyframes pulseSoft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.03)}}.animate-pulse-soft{animation:2.5s ease-in-out infinite pulseSoft}.buddy-hover{transition:transform .22s,filter .22s}.buddy-hover:hover{filter:drop-shadow(0 6px 12px #50785a2e);transform:scale(1.05)}@keyframes elus{0%{opacity:0;transform:translate(-50%,8px)scale(.9)}8%{opacity:1;transform:translate(-50%)scale(1)}88%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)scale(.96)}}@keyframes petBuddy{0%{transform:translate(-12px)}50%{transform:translate(12px)}to{transform:translate(-12px)}}.animate-elus{animation:3s forwards elus}.animate-pet{animation:1.2s ease-in-out infinite petBuddy}@keyframes snackEat{0%{opacity:0;transform:translate(-50%)scale(1)}15%{opacity:1;transform:translate(-50%)scale(1)}40%{opacity:1;transform:translate(-50%)scale(.8)}65%{opacity:1;transform:translate(-50%)scale(.55)}85%{opacity:1;transform:translate(-50%)scale(.3)}to{opacity:0;transform:translate(-50%)scale(.1)}}.animate-snack{animation:3s forwards snackEat}@keyframes playBall{0%{opacity:0;transform:translate(-50%)scale(.9)}15%{opacity:1;transform:translate(-50%)scale(1)}35%{opacity:1;transform:translate(-50%,-55px)scale(1.05)}55%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-35px)scale(1.03)}to{opacity:0;transform:translate(-50%)scale(.95)}}.animate-play{animation:3s forwards playBall}}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:auto}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}