body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background-color:#f3f4f6;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.animate-pop{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) both}.animate-shake{animation:shake .4s ease-in-out}.animate-match{animation:matchSuccess .5s ease-in-out forwards;z-index:20}.animate-mismatch{animation:matchError .4s ease-in-out;box-shadow:0 0 0 4px #fecaca;border-color:#ef4444}@keyframes popIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes matchSuccess{0%{transform:scale(.95);opacity:1;background-color:#dcfce7;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e}30%{transform:scale(1.05);opacity:1}to{transform:scale(0);opacity:0}}@keyframes matchError{0%,to{transform:translate(0) scale(.95)}15%{transform:translate(-6px) rotate(-2deg) scale(.95)}30%{transform:translate(6px) rotate(2deg) scale(.95)}45%{transform:translate(-6px) rotate(-2deg) scale(.95)}60%{transform:translate(6px) rotate(2deg) scale(.95)}75%{transform:translate(-3px) rotate(-1deg) scale(.95)}}.stripe-pattern{stroke-width:1}