.sudoku-cell-input {
            width: 100%;
            height: 100%;

            min-width: 0;
            min-height: 0;

            border: none;
            outline: none;

            background: transparent;
            color: inherit;

            text-align: center;

            font: inherit;
            font-weight: inherit;
            line-height: 1;

            padding: 0;
            margin: 0;
        }

        .sudoku-cell-input:focus {
            background-color: rgba(59, 130, 246, 0.12);
        }
        /* Simple styling for the result grid */
        .sudoku-grid {
            display: grid;
        }
        .sudoku-cell {
            background-color: white;

            min-width: 0;
            min-height: 0;

            aspect-ratio: 1;

            display: flex;
            align-items: center;
            justify-content: center;

            font-weight: bold;
            line-height: 1;

            overflow: hidden;
        }

        /* Dark mode grid styles */
        .dark .sudoku-grid {
            background-color: #475569;
            border-color: #94a3b8;
        }
        .dark .sudoku-cell {
              background-color: #1e293b;
                color: #93c5fd;
                border-color: #64748b;
        }


        /* Hide scrollbar completely (Used for How it Works) */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Sleek custom scrollbar for horizontal example list */
        .thin-scrollbar::-webkit-scrollbar {
            height: 8px;
        }
        .thin-scrollbar::-webkit-scrollbar-track {
            background: transparent;
        }
        .thin-scrollbar::-webkit-scrollbar-thumb {
            background-color: #cbd5e1;
            border-radius: 20px;
        }
        .dark .thin-scrollbar::-webkit-scrollbar-thumb {
            background-color: #475569;
        }
        .thin-scrollbar::-webkit-scrollbar-thumb:hover {
            background-color: #94a3b8;
        }