:root{--pink:#ff6b9d;--peach:#ffb347;--lavender:#c084fc;--mint:#34d399;--sky:#38bdf8;--dark:#1e1b2e;--cream:#fff8f0;--font-display:"Baloo 2", cursive;--font-body:"Nunito", sans-serif;--foreground-rgb:30, 27, 46;--background-rgb:255, 248, 240}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--cream);max-width:100vw;color:var(--dark);font-family:var(--font-body);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn-primary{background-color:var(--pink);color:#fff;font-family:var(--font-display);cursor:pointer;border:none;border-radius:9999px;padding:.75rem 1.5rem;font-weight:700;transition:transform .2s,background-color .2s}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (max-width:768px){html{font-size:14px}h1{font-size:2.2rem!important;line-height:1.1!important}h2{font-size:1.8rem!important}h3{font-size:1.4rem!important}p{color:#444;line-height:1.5}.container{padding:0 1.25rem}}
.mochi-container{flex-direction:column;align-items:center;width:200px;height:250px;display:flex;position:relative}.mochi-speech-bubble{border:3px solid var(--peach);font-family:var(--font-display);color:var(--dark);text-align:center;max-width:250px;box-shadow:0 4px 0 var(--peach);background:#fff;border-radius:1rem;margin-bottom:1rem;padding:.75rem 1rem;font-weight:700;animation:.3s cubic-bezier(.68,-.55,.265,1.55) bounceIn;position:relative}.mochi-speech-bubble:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-top:15px solid var(--peach);position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.mochi-svg{filter:drop-shadow(0 8px #0000000d)}@keyframes tailWag{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}@keyframes noseTwitch{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes workingBounce{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pawTap{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.mochi-tail{transform-origin:150px 140px;animation:2s ease-in-out infinite tailWag}.state-reading .mochi-nose{animation:.2s infinite noseTwitch}.state-parsing .mochi-eye-left,.state-parsing .mochi-eye-right{transform-origin:50%;transform:scale(1.5)}.state-working .mochi-svg{animation:.4s infinite workingBounce}.state-working .mochi-tail{animation:.5s infinite tailWag}.state-working .mochi-paw-right{animation:.2s infinite pawTap}.state-done .mochi-svg{animation:.5s infinite alternate bounceIn}