@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap";:root{--bg-gradient-start:#ffdde1;--bg-gradient-end:#ee9ca7;--text-primary:#4a4a4a;--text-secondary:#7a7a7a;--glass-bg:#fff9;--glass-border:#fffc;--primary-color:#ff6b81;--primary-hover:#ff4760;--font-main:"Outfit", sans-serif;--welcome-title-size:2.5rem;--welcome-subtitle-size:1.1rem;--message-text-size:1.4rem;--question-title-size:1.8rem;--final-title-size:2.5rem;--panel-padding:30px;--hippo-size:4.5rem;--body-padding:24px}@media (width<=480px){:root{--welcome-title-size:1.8rem;--welcome-subtitle-size:.95rem;--message-text-size:1.15rem;--question-title-size:1.4rem;--final-title-size:1.8rem;--panel-padding:20px 16px;--hippo-size:3.5rem;--body-padding:16px}}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:var(--font-main);background:linear-gradient(135deg, var(--bg-gradient-start), var(--bg-gradient-end));color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-10px)}}.shake{animation:.4s ease-in-out shake}@keyframes float{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-100vh)rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:1s ease-in forwards fadeIn}.fade-out{animation:1s ease-out forwards fadeOut}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0000000d}.typewriter-cursor{background-color:var(--primary-color);width:2px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.container{width:100%;max-width:414px;margin:0 auto;padding:24px}@media (width>=768px){.container{max-width:480px}}