:root{--primary-color: #3f51b5;--darker-primary-color: #303f9f;--secondary-color: #c41c1c;--darker-secondary-color: #9a0000;--accent-color: #4caf50;--text-color: #212121;--light-gray: #e0e0e0;--matching-color: #ffc107;--winning-color: #673ab7;--gray-900: oklch(19.37% .006 300.98);--gray-700: oklch(36.98% .014 302.71);--gray-400: oklch(70.9% .015 304.04);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Roboto,Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5;color:var(--text-color)}.container{max-width:1024px;margin:0 auto;padding:0 20px}.content{display:flex;justify-content:space-around;width:100%;max-width:700px;margin-bottom:3rem}@media screen and (max-width:650px){.content{flex-direction:column;width:max-content}}h1,h2{color:var(--primary-color)}h3{color:var(--text-color)}p{margin:0;color:var(--gray-700)}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px;margin-bottom:20px}.number-input{width:60px;padding:10px;border:1px solid var(--light-gray);border-radius:4px;text-align:center;font-size:16px}button{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out;display:flex;align-items:center;gap:8px;padding:10px 15px;font-size:14px}button:hover{background-color:var(--darker-primary-color)}button:focus{outline:2px solid var(--primary-color);outline-offset:2px}button:active{background-color:var(--darker-primary-color)}button:disabled{background-color:var(--gray-400);cursor:not-allowed;opacity:.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}