:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:18px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}@media (prefers-reduced-motion:no-preference){*,:before,:after{transition:background-color .2s,border-color .2s,color .2s}.key{transition:transform 80ms,background-color .2s,color .2s}.key:active:not([disabled]){transform:scale(.9)}@keyframes cell-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}.cell[data-cell-state=solved]{animation:.26s cubic-bezier(.34,1.56,.64,1) cell-pop}@keyframes cell-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.cell[data-cell-state=wrong]{animation:.2s cell-shake}@keyframes owl-pop{0%{transform:scale(0)rotate(-12deg)}60%{transform:scale(1.15)rotate(6deg)}to{transform:scale(1)rotate(0)}}.owl-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) both owl-pop}}