:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#5c5c5cb2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.row{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cell{display:flex;justify-content:center;align-items:center;text-align:center;text-transform:uppercase;border:1px solid black;width:50px;height:50px;margin-bottom:1.5rem;font-size:1.2rem}.contains{background:orange}.wrong{background:gray}.correct{background:green}@media (max-width: 600px){.cell{width:45px;height:45px;font-size:1rem}}@media only screen and (max-width: 400px){.cell{width:40px;height:40px;font-size:.9rem}}.app-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 10px}.grid{display:grid;grid-template-rows:repeat(5,1fr);gap:10px;max-width:500px;width:100%}.solution{opacity:0;visibility:hidden;text-align:center;margin:1rem;transition:opacity .3s ease-in-out,visibility 0s linear .3s}.solution.show{opacity:1;visibility:visible;transition:opacity .3s ease-in-out}.phone-input{display:none;text-align:center;margin:1rem;padding:.9rem}@media (max-width: 800px){.phone-input{display:block}}@media (max-width: 600px){.grid{grid-template-rows:repeat(5,1fr);gap:8px;padding:5px}}@media (max-width: 400px){.grid{grid-template-rows:repeat(5,1fr);gap:5px}}